Css 起始页不在顶部

Css 起始页不在顶部,css,Css,我想用不在页面顶部的div打开我的站点。比如说: #div1 #div2 #the div the user sees when the page is loaded (对于仍然困惑不解的人来说,如果你在桌面浏览器上打开任何Facebook用户页面,它就会以这种方式加载。) 我唯一的解决方法是使用JavaScript并在加载所有内容后显示上面的div。但这似乎很奇怪。必须有另一种方法?简单的解决方案-将和div的ID添加到URL的末尾。因此,如果您的URL是http://www.somes

我想用不在页面顶部的div打开我的站点。比如说:

#div1

#div2

#the div the user sees when the page is loaded
(对于仍然困惑不解的人来说,如果你在桌面浏览器上打开任何Facebook用户页面,它就会以这种方式加载。)


我唯一的解决方法是使用JavaScript并在加载所有内容后显示上面的div。但这似乎很奇怪。必须有另一种方法?

简单的解决方案-将
和div的ID添加到URL的末尾。因此,如果您的URL是
http://www.somesite.com/randompage
然后要转到第3分区,您需要使用URL
http://www.somesite.com/randompage#div3
。这可以替代页面中的任何div。

使用jquery


jquery:

$(document).ready(function(){
    $('html,body').animate({ scrollTop: $("#liid").offset().top}, 1000);
});

#liid
是要在其上滚动的元素的
id

1000
是动画大师!您可以更改它

您可以使用

$(document).ready(function(){
var position=('#div').position();
    $('html,body').animate({ scrollTop: position.top}, 500);
});

它对您有用

请分享您当前的代码并说明它有什么问题。我认为您不了解问题所在。如果您有一个html文件,它总是加载-标记顶部的内容。不过我想从另一个地方开始装。您可以通过打开这样一个页面来实现这一点:example.com/index.html#div2但是如果url中没有“#div2”部分,这怎么可能呢?您仍然需要显示当前的JavaScript代码。说你使用了一种方法,但是想要另一种方法,而没有显示第一种方法,这是一个太宽泛的问题。