默认页面起点

时间:2011-12-11 15:10:13

标签: javascript jquery scroll

我有几个div设置在一起,形成一个水平滚动页面。

目前我正在使用动画scrollLeft来浏览div,但是当你从中间开始访问网站时我想要。

div是这样的:

Div1#Div2#Div3#Div4#Div5

我希望观众从#Div3开始。

我怎样才能实现这一目标?我试过scrollLeft();但是没有用。

3 个答案:

答案 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