关于前端页面定位符

关于前端页面定位符

最近两天在改网站商城，遇到的不少了的问题。今天说下前端页面定位符的用法。以下方法均

亲测有效

----------文中yourId指的是你自己要定位的那个id选择器的元素。

第一种

location.href="#yourId";

这种是瞬间定位，闪现的感觉，代码简单，偏向js中使用。我比较喜欢。

第二种

<a href="#yourId">定位</a>

这种也是瞬间定位，简洁。偏向在html页面中使用。

第三种

$('html, body').animate({
    
    scrollTop: $('#yourId').offset().top}, 1000)

这种是带动画滑动效果的定位。效果不错，就是难记。
animate：动画的意思。
$(‘html’,body).animate():就是指的整个html页面调用了一个animate()的动画。{scrollTop: $(’#yourId’).offset().top} 是animate()方法中的第一个参数，表示从顶部垂直滑动；1000是第二个参数，单位毫秒。
所以整个方法的意思就是，这个页面调用了动画，从顶部开始在1秒内滑动到定位点（#yourId）。

以上均属个人理解，有不对的地方请大家多多指点。