.scrollleft在Fancybox弹出窗口中不起作用

我有一个Shopify网站,我创建了一个.Scrollleft函数,如果在普通页面上的任何Div上使用,那么工作正常。但是我需要它是产品的弹出映像。它在FancyBox弹出窗口中打开,滚动条不会移动。

DEMO链接-它创建只能在移动设备上工作,以便您应通过单击任何产品调整浏览器的大小以查看操作,然后单击产品映像以在弹出窗口中打开它:https://qn7bzvvrmyldufbu-5801077.shopifypreview.com.

这是我的代码,任何想法如何让它在弹出窗口中工作?

 <script type="text/javascript">
  $(document).ready(function(){
  $("div.fancybox-placeholder").scrollLeft(100); ///this is for popup
  $("div.product-default-image").scrollLeft(100); ///this is for normal element
 });
 </script>

Example:enter image description here

不可能帮助您而不看到实时页面/演示。我不知道您使用的是什么FancyBox版本,但在这里您可以找到类似的演示为V4 -FancyApps.com/showcase.Janis
我添加了一个演示链接Mara Barn
您的代码片段$("div.fancybox-placeholder").scrollLeft(100);工作。您在页面上有许多JS错误,请尝试摆脱它们。Janis

回答 0