默认页面的起始点

Question

我有几个divs彼此相邻设置一个水平滚动页面。

目前我正在使用动画scrollLeft浏览div的，但我希望当你访问该网站从中间开始。

的div是这样的：

Div1构成＃Div2的＃DIV3＃DIV4＃DIV5

，我想观众从＃DIV3开始。

我该如何做到这一点？我试过scrollLeft（）;但没有工作。

Answer 1

这是你所需要的：

$('html, body').animate({scrollLeft: $('#section2').offset().left}); 

同时设定身体的可见性：隐藏得那么滞后的情况下不显示页。

调用动画后，将内容可见性设置为可见。

实施例：http://jsfiddle.net/larsenmtl/8yD8c/：

像这样使用时

$('html, body').animate({scrollLeft: $('#div3').offset().left}); 
$('html, body').css({opacity: 0.0, visibility: "visible"}).delay(400).animate({opacity: 1.0}); 

Answer 2

可以使用jQuery scrollTo plugin，阅读更多关于它在这里：http://flesler.blogspot.com/2007/10/jqueryscrollto.html

基本上你需要做这样的事情：

$(function() { 
    ... 
    $.scrollTo($('#Div4')); 
}); 

Answer 3

可以使用div的ID，并在片段标识符网址。

<div id="divIWantToBeScrolledTo">...</div> 

然后在URL

http://www.example.com/myPage#divIWantToBeScrolledTo