控制锚点定位方法总结
一、HTML方法
1、最好是name和id都是st。避免有些特殊情况
1 | <a href="#firstAnchor" target="_blank">跳转到st</a> |
2、iframe通过锚点控制父页面的位置
iframe通过锚点控制父页面的位置,答案就是在iframe中的子页面中加上代码:
注意 这里的’top’是父级页面的锚点名称
二、js方法
但对于js呢,在js中如何在完成一个操作后跳至页面的某个固定锚点呢
js中location.href可以跳转至某个url;
跳至(定位到)某个固定锚点的办法
- 1、location.href = “#firstAnchor”; // firstAnchor为锚点名称
- 2、window.location.hash = firstAnchor; // firstAnchor为锚点名称
三、Jq方法
1、代码
$(“body,html”).animate({scrollTop:$(“xxx”).offset().top});
2、解释
(1)、兼容性能:$(“body,html”)中的“body”支持safari浏览器,”html”支持FF、IE、OPERA…;
(2)、$(“xxx”).offset().top 为获得要锚点处在当前视口的高度相对偏移