1

我在这里为客户制作了一个水平结构的网站：

http://jules-photo.com/shhmgmt/

他们要求，在加载时，页面会自动平滑地向右滚动，直到到达末尾并停止。理想情况下，我想控制滚动的速度。我觉得我已经插入了我可以在网上找到的每一点 javascript，但没有运气。谁能推荐一个解决这个问题的方法？

谢谢！

更新：

好的，所以我想我找到了使用 jQuery.ScrollTo 所需的代码：

$(...).scrollTo( { top:0, left:700},800 );

但我不完全确定如何将其实现到 jquery 脚本中，以便在页面加载时触发。到目前为止，我的 jquery（不成功）：

<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js'></script>
<script type='text/javascript' src='jquery.scrollTo-min.js'></script>
<script type="text/javascript">
// no conflict jquery
jQuery.noConflict();
//jquery stuff

$(document).ready(function(){

$(...).scrollTo( { top:0, left:700},800 );

});

</script>

更新：我最终像这样使用 animate() ：

$(document).ready(function(){


$('html,body').animate({scrollLeft: $("body").width()},11000) 
    $(window).bind("mousewheel", function(ev) { 
        $("html, body").stop(); 
    });
 });
4

2 回答 2

2

jQuery 除了对滚动提供出色的天生支持外，还有各种与滚动相关的插件。

这个站点：http ://demos.flesler.com/jquery/scrollTo/有各种优秀的滚动演示，您可能会觉得有用。

我看到您使用 mootools... 尽管它也使用 $ 变量，但您可以使用 jQuery.noConflict() 串联使用这两者。

于 2012-10-10T23:22:32.167 回答
0

您正在寻找的功能是animate() Jquery 没有用于水平幻灯片的内置滑块控件，但下面是我发现的一些小提琴，希望能够为您指明正确的方向。

http://jsfiddle.net/sg3s/rs2QK/ - 这个幻灯片面板从左侧打开并关闭到右侧

http://jsfiddle.net/sg3s/RZpbK/ - 在打开新面板之前，面板从左到右滑动打开并靠近左侧。

来源： http ://api.jquery.com/animate/

于 2012-10-11T01:15:18.067 回答