Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/86.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 无限水平滚动Div_Javascript_Jquery - Fatal编程技术网

Javascript 无限水平滚动Div

Javascript 无限水平滚动Div,javascript,jquery,Javascript,Jquery,我需要有一个div,当你将鼠标进一步移动到div的右边或左边时,它会水平滚动 我找到了平滑Div滚动插件(http://www.smoothdivscroll.com/)这真的很接近我需要的。然而,这有几个问题 我需要能够使滚动元素在设定的位置开始(即左:-340px)。这个插件只允许您设置起始元素,而不是实际位置 我需要滚动元素是无限的。所以,如果我向右滚动,当它结束时,它应该继续向右滚动,并从头开始重复该元素 如果有人能帮我找到解决这些问题的方法,或者至少为我指出正确的方向,我将非常感激 基

我需要有一个div,当你将鼠标进一步移动到div的右边或左边时,它会水平滚动

我找到了平滑Div滚动插件(http://www.smoothdivscroll.com/)这真的很接近我需要的。然而,这有几个问题

  • 我需要能够使滚动元素在设定的位置开始(即左:-340px)。这个插件只允许您设置起始元素,而不是实际位置

  • 我需要滚动元素是无限的。所以,如果我向右滚动,当它结束时,它应该继续向右滚动,并从头开始重复该元素

  • 如果有人能帮我找到解决这些问题的方法,或者至少为我指出正确的方向,我将非常感激

  • 基本上,您可以将
    autoScrollDirection
    选项设置为
    endlesslopright
    ,它将连续自动向右滚动;但是,当您尝试手动滚动窗口时,它会在最后停止。我相信这将需要修改插件代码,使手动滚动不连续滚动

  • 您可以使用插件的API设置更改滚动条的位置。试试这个:

    // Do not include "px" and this number should be positive
    var position = "400";
    $('#makeMeScrollable')
      .data('startingPosition', position)
      .data('scrollXPos', position)
      .smoothDivScroll('recalculateScrollableArea');
    
    下面是在行动中表现出来的。但是有一个问题,如果您使用上面的
    enlessloopright
    选项,则每次调用此函数时位置都会发生变化,因为内容会重新排列


  • 谢谢这正是我所需要的。