关于前端页面定位符
最近两天在改网站商城,遇到的不少了的问题。今天说下前端页面定位符的用法。以下方法均
亲测有效
----------文中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)。
以上均属个人理解,有不对的地方请大家多多指点。