工作室注册登录标签云赞助光荣榜

当前位置:首页 > 全栈分享 > JavaScript > 正文

打开页面自动滚动到指定位置的实现方法

发布时间:2017-10-30 23:42:12作者:魏义齐阅读:()评论:

本文为博主原创文章,未经博主允许不得转载。

本文又是竞价单页面的特殊需求,不想让用户看到的但又必须得有的就得做滚动,实现方法有两个:

一、锚链接

给需要展示的内容的地方外面加一个大的div盒子,给一个ID名称,推广链接后面加上“#名称”就可实现打开页面滚动到指定位置。

二、js代码

  1. <script> 
  2.     window.onload = function () { 
  3.         var scroll_offset = $("#demo").offset(); //得到demo这个div层的offset,包含两个值,top和left 
  4.         $("body,html").animate({ 
  5.             scrollTop: scroll_offset.top //让body的scrollTop等于demo的top,就实现了滚动 
  6.         }, 100); 
  7.     } 
  8. </script> 
  9. <div id="demo"></div>  

本文标签:,您可以阅读与「」相关的所有文章

魏义齐全栈技术交流:魏义齐全栈技术交流

上一篇:点击文字即可将文字复制到粘贴板的实现方法下一篇:屏蔽终端的js代码

原创不易,您的赞助就是博主更新的动力!

赞助请备注,8.88元及以上可在赞助光荣榜留下外链信息。

HashOver畅言云评完全自托管的评论系统

工作室注册登录标签云赞助光荣榜

最新会员
  • 东方星雨
  • deanhan
  • 1264822519
  • aini3311
  • a1051020101
  • weiyiqi