Question

我有一个横向结构化的网站，我在这里为客户制作：

他们要求在加载时，页面自动向右滚动，直到它到达结束并停止。理想情况下，我想控制滚动的速度。我觉得我已经插入了我可以在网上找到的每一点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(); 
    });
 });

Answer 1

jQuery除了对滚动提供了极好的内在支持外，还有各种与滚动相关的插件。

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

我看到你使用mootools ...尽管它也使用$变量，你可以使用jQuery.noConflict（）串联使用它们。

Answer 2

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

http://jsfiddle.net/sg3s/rs2QK/ - 这个滑动面板从左侧打开并靠近右侧

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

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

如何使用javascript水平滚动？

2 个答案: