当前位置: 代码迷 >> 综合 >> 锚点跳转定位
  详细解决方案

锚点跳转定位

热度:99   发布时间:2023-11-01 12:13:49.0

1.锚点其实就是可以让页面定位到某个位置上的点。在高度较高的页面中经常见到。


(1)一种是a标签+name属性;
比如:
<a href=”#2”>波轮洗衣机介绍</a>

<a name=”2”></a>

但是上种方法使用了一个空标签,而且有时候会出现锚点失效。

(2)所以建议采用标签的id属性来绑定锚点;

<a href=”#2”>波轮洗衣机介绍 </a>

<h2 id=”2”>波轮洗衣机介绍</h2>

(3)用animate属性,当点击锚点后,页面滚动到相应的DIV;

$(".proBar .lookDetails").click(function(){
    $("html, body").animate({
        scrollTop: $("#1F").offset().top }, {duration: 500,easing: "swing"});
    return false;
});

  相关解决方案