html 页面内锚点定位及跳转方法总结( 二 ) _html

会尽可能全部出现在视口中（可能的话，调用元素的底部会与视口的顶部齐平。）不过顶部
不一定齐平，例如：
//让元素可见
document.forms[0].scrollIntoView();
当页面发生变化时，一般会用这个方法来吸引用户注意力。实际上，为某个元素设置焦点也
会导致浏览器滚动显示获得焦点的元素。
支持该方法的浏览器有 IE、Firefox、Safari和Opera 。
*/
document.querySelector("#roll1").onclick = function(){
document.querySelector("#roll_top").scrollIntoView(false);
}
document.querySelector("#roll2").onclick = function(){
document.querySelector("#roll_top").scrollIntoView(true);
【html 页面内锚点定位及跳转方法总结】}
}
</script>
<style type="text/css">
#myDiv{
height:900px;
background-color:gray;
}
#roll_top{
height:900px;
background-color:green;
color:#FFF;
font-size:50px;
position:relative;
}
#bottom{
position:absolute;
display:block;
left;0;bottom:0;
}
</style>
</head>
<body>
<button id="roll1">scrollIntoView(false)</button>
<button id="roll2">scrollIntoView(true)</button>
<div id="myDiv"></div>
<div id="roll_top">
scrollIntoView(ture)元素上边框与视窗顶部齐平
<span id="bottom">scrollIntoView(false)元素下边框与视窗底部齐平</span>
</div>
</body>
</html>
个人建议使用第四种方法。

html 页面内锚点定位及跳转方法总结( 二 )

推荐阅读

产业气象站且达到世界领先水平！，努力！中国半导体设备技术取得突破

无敌小萌神|李嫣昔日走秀，穿花衬衫显成熟，黄多多一袭背带裙加身还瞪眼

仙客来的风水寓意和应用

水痘有传染性吗？

「大象」这个日本漫画家，画功不咋样，但是脑洞真的巨大无比

有人哭有人笑|难以兼顾的公平 美国之乱的反思

爱情的微电影关于爱情的微电影

篮球在线24小时格林没资格入选，榜首退役时全联盟呼唤，美煤评选NBA打球最脏5人

新买水杯怎样清洗运动水杯新买的怎么清洗

小肚腩怎么才可以轻松减掉

齐鲁晚报·齐鲁壹点|车辆突然侧翻，2万多只鸡满地跑，男子急疯！3小时后…

[郑恺]郑恺婚后工作懈怠？录《跑男》全程玩手机不搭理人，原因过于真实

游世家RNG崛起？悲伤直播透露：如今LPL训练赛没人能战胜RNG

宋红包|20年内很难全面超越，张召忠：中国GDP将在四年内超过美国

初涉二手房的一名房产经纪人的困惑

名誉权|被判在朋友圈公开道歉10天

IT168 国内首款旋转智屏电视TCL·XESS评测，55英寸的超大“手机”

游戏陀螺|上线11年人气不减，《永恒之塔》新版本秘密之剑今日上线

过敏|远离花为何还会花粉过敏？“罪魁祸首”竟不是花

九游网|《梦想养成计划》手游体力如何获取体力怎么获得