当前位置:博客首页 > WEB前端 > JS特效 > js实现页面打开自动定位到指定元素位置

js实现页面打开自动定位到指定元素位置

来源:赤天雨个人博客作者:渔柒发表于:2018-11-23阅读:669

场景:别人在访问我们做的网页时,通常打开后首先显示的是顶部。但有时我们并不想这样。而我们希望的是别人在进入页面时第一屏能显示到我们指定的位置。

这里就给大家分享具体方法:

访问网站页面,自定义第一屏显示位置!代码如下:

<div id="location"></div>
<script type="text/javascript">
var showheight = $("#location").offset().top+0;
$('html, body').animate({scrollTop: showheight },800);
</script>

top+0 可以调解位置,加或减(如:top+100 或 top-100)!

800 是速度!

具体效果自行测试!

注:建议id="location"可以直接写入body中,既:body id="location"。如此只需top+相应位置的高度即可。

哎呦,不错哦!
(0)
相关阅读