前端相关笔记

网页浏览到底部,点击某个图标,会跳到最上方解决办法

2017-11-09  本文已影响24人  爱阳光的小蘑菇

最近在开发过程中遇到一些小问题,当浏览器出现滚动条后,将滚动条拉到页面最下方点价一个图标后,页面自动滚回顶部,这样的现象给人的体验十分不好,查了一下相关资料发现

<a href="#" onclick="xxx()">

以上的a标签写法是经常使用的,其中的#会被浏览器当作是一种页面跳转的口令,接到这个口令就会把页面滚动到原始位置,如果将跳转功能禁用或者换为一种浏览器不识别的跳转符号即可解决。
1、将#写为###
2、将#用javascript:void(0)替换

<a href="javascript:void(0)" onclick="xxx()">

上一篇下一篇

猜你喜欢

热点阅读