javascript - SmoothDivScroll;左 HotSpot 太快，Right HotSpot 什么都不做

Question

我目前正在使用 SmoothDivScroll 来实现图像的滚动流。但是，左边的 Hotspot 太快了，而 Right Hotspot 似乎 react 不正常。

我设置了一个 fiddle 来展示问题:http://jsfiddle.net/gUewB/4/

我猜这与计算偏移量的方式有关，但我找不到解决问题的好办法。我的 JavaSkills 不是很好。 :/

Answer 1

我知道这个帖子有点老了。但我有完全相同的问题!甚至我更新到最新版本(发布 1.3 版时)

不幸的是，Pieter Mathys 的解决方案对我不起作用。

我发现如果所有图像的宽度都小于 scrollableArea-div，就会出现滚动问题。所以你所要做的就是检查是否有足够的图像来填充 scrollableArea。如果没有，则无论如何您都不需要 SmoothDivScroll。我有一些示例代码:

... html is already in in DOM ...

imagesLoaded( '#myScrollable', function( element )
{
    var $myScrollable = $(element.elements); // just one #myScrollable
    var imgWidths = 0;
    var images = $myScrollable.find('img');
    for(var loop=0; loop < images.length; loop++)
        imgWidths += $(images[loop]).width();
    if( imgWidths > $myScrollable.width() )
    {
        $myScrollable.smoothDivScroll(
        {
            manualContinuousScrolling: true
        });
        $myScrollable.smoothDivScroll("recalculateScrollableArea");
    }
});

但我不得不说，我使用了来自 https://github.com/desandro/imagesloaded 的插件 (imagesLoaded)在加载所有图像时发生事件。否则所有图像的大小都为“0”；

我希望这对任何人都有帮助。