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

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

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,680评论 1 92
  • 面临毕业季,对于自己的未来各种各样的担心。 这个时候就分外羡慕家境好的同学,并不是因为可以肆意的花钱,买...
    西卡2017阅读 1,625评论 0 1
  • 今天各种交接的风险开始暴露出来,主要是时间来不及了。前面一周总有一种皇帝不急急死太监的感觉,我这边总觉的交接时间不...
    瓦德日记本阅读 3,680评论 0 51
  • iOS如何将服务器返回的JSON数据中Unicode编码的字体打印成中文 可能很多iOS开发的同行都会遇到过一个问...
    CoderFC阅读 9,309评论 1 3