Jquery 如何在simplyScroll中实现宽度不等的图像元素？

我使用水平滚动不同宽度的图像，但是包含图像的列表项的宽度是固定的

您可以查看滚动内容

如何实现不同宽度的列表项？

作者建议如下：

如果确实要滚动大小不等 元素尝试将它们放入 容器div，然后初始化 简单地说（注意 hack将基本上使 滚动的元素数量！）

该列表已显示在容器div中：

div.simply-scroll-container

作者在容器div上“初始化”是什么意思

---

一个类似的线程存在，尽管它对我来说是模棱两可的。非常感谢您的帮助。

li的宽度在simply scroll css文件中设置，因此如果您希望使用不同的大小，只需删除width属性即可：

之前：

。只需滚动。只需滚动列表即可{
浮动：左；
/*宽度：290px；*/宽度：290px；
/*高度：200px；*/高度：180px；
}

之后：

。只需滚动。只需滚动列表即可{
浮动：左；
/*高度：200px；*/高度：180px；
}

这是第2版（即将推出！）通过自动包装您尝试滚动的元素来修复的常见问题。目前，手动操作

如果您有此不等宽/不等高元素列表

等

将它包装在另一个div中，这样您就可以滚动一个

等

我通过结合已经提供的两个答案来实现这一点

• 将
  包装成自己的

• 从

  中删除fixed
  width
  属性。只需滚动。只需滚动CSS中的list li

  元素
• 根据需要向该元素添加

  填充

---

在Firefox、Chrome和IE中工作。

我不知道这对你是否有帮助。自从问题被写出来已经两年多了

这是一个解决方案，为不同的宽度内的每一个图像李

$( window ).load(function() {
  $('#scroller li img').each(function(){
      var widthThis = $(this).width();

      $(this).parent().css({
        width : widthThis
      })
   });
$("#scroller").simplyScroll({
    pauseOnHover: false
});

---

}))

不走运，史蒂夫。没有一个图像显示在Chrome中。在FireFox中，其中一个图像垂直堆叠在第一个图像下面。如果是这么简单，我相信作者不会提供我在问题中引用的“黑客”。我不明白为什么，但滚动似乎在某种程度上取决于列表项的宽度。