我有几个div设置在一起,形成一个水平滚动页面。
目前我正在使用动画scrollLeft来浏览div,但是当你从中间开始访问网站时我想要。
div是这样的:
我希望观众从#Div3开始。
我怎样才能实现这一目标?我试过scrollLeft();但是没有用。
答案 0 :(得分:1)
您可以使用jQuery scrollTo plugin,点击此处了解详情:http://flesler.blogspot.com/2007/10/jqueryscrollto.html
基本上你需要做这样的事情:
$(function() {
...
$.scrollTo($('#Div4'));
});
答案 1 :(得分:1)
这就是你需要的:
$('html, body').animate({scrollLeft: $('#section2').offset().left});
还将主体设置为可见性:隐藏,以便在滞后的情况下不显示页面。
调用动画后,将内容可见性设置为可见。
示例:
$('html, body').animate({scrollLeft: $('#div3').offset().left});
$('html, body').css({opacity: 0.0, visibility: "visible"}).delay(400).animate({opacity: 1.0});
答案 2 :(得分:0)
您可以在URL中使用div的ID和片段标识符。
<div id="divIWantToBeScrolledTo">...</div>
然后在网址
http://www.example.com/myPage#divIWantToBeScrolledTo