默认页面起点

Question

我有几个相邻的 div 设置为水平滚动页面。

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

div 是这样的：

Div1 #Div2 #Div3 #Div4 #Div5

我希望观众从#Div3 开始。

我怎样才能做到这一点？我试过 scrollLeft();但没用。

Answer 1

您可以使用jQuery scrollTo plugin，在此处阅读更多信息：http://flesler.blogspot.com/2007/10/jqueryscrollto.html

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

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

Answer 2

这是你需要的：

$('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});

Answer 3

您可以在 URL 中使用 div 的 ID 和片段标识符。

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

然后在网址中

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