<a href="#">禁止跳到页面顶端的解决办法

最新推荐文章于 2022-07-29 14:58:42 发布
最新推荐文章于 2022-07-29 14:58:42 发布
阅读量3.4k 收藏
点赞数
分类专栏： web前端 文章标签： a href# 跳转页面顶部
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lanximu/article/details/17416483
版权

看到标题，你应该知道很多页面的回到顶部那个按钮大概是怎么做的了..


说正事：

正常情况下：我都这样解决：<a href="javascript:void(0)" οnclick="func()">text</a>

这是我认为的最正统的方法，目前都能生效，其他还有不少方法，但都不用它们，也没有必要

lanximu
关注
专栏目录
解决浏览器返回页面不刷新的问题
weixin_34293911的博客
04-14 3251
现象 由于 IOS 系统的页面缓存机制，经常会遇到在移动端返回到上一个页面不刷新的情况。 比如今天在开发微信 H5 页面的时候，在IOS微信内置浏览器中返回上一页时，上一个页面不会被刷新。 而通常在浏览器缓存机制中，在返回上一页的操作中， html/css/js/接口 等动静态资源不会重新请求，但是js会重新加载。但在IOS微信页面中js也会保存上一页面最后执行的状态，不会重新执行js。 使用...
前端开发工程师面试题2
刘群智的博客
07-27 4994
前端开发工程师面试题2   　1、Doctype作用? 严格模式与混杂模式如何区分？它们有何意义? 　　（1）、 声明位于文档中的最前面，处于 标签之前。告知浏览器的解析器，用什么文档类型 规范来解析这个文档。 　　（2）、严格模式的排版和 JS 运作模式是  以该浏览器支持的最高标准运行。 　　（3）、在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作...
点击<a>标签，禁止页面自动跳到顶部的解决办法
weixin_30802171的博客
01-03 287
原文：http://dbear.iteye.com/blog/750825 　　 https://www.cnblogs.com/lfan192517/p/7242998.html 这几天在学习echarts，在页面添加了很多图标，并在旁边添加一些按钮标签，但是在点击的时候总是跳到页面最顶端，这让我很不爽，再想客户用到这个也会很不爽，刚开始查了很久也没找到解决办法，询问同事让我科...
防止空连接#返回到页面顶端,刷新页面
JonnyWei的专栏
09-11 1518
防止空连接#返回到页面顶端,刷新页面<span lang="EN-US" style="font-size:12.0pt;mso-bidi-font-size:10.5pt;line-height:120%;mso-font-kerning:0pt"><p class="MsoNormal" style="mso-margin-top-alt:auto;mso-margin-botto
如何通过HTML标记或JS代码实现跳转返回页面顶部
热门推荐
流渊的专栏
04-26 1万+
本文介绍三款简单的返回页面顶部代码，可以使用简单的HTML锚标记，也可使用Javascript Scroll函数动态返回，其它的还有悬浮脚本等有点复杂了，本文不再介绍，大家根据自己需要选择其中的一种即可，总之简约最美的，能减少代码就减少代码，能不调用的就别调用，要不是天缘博客的文章都是牛长也不会添加这个功能。
有关HTMl中a标签跳转到顶部的解决办法
算法与编程之美
08-08 3116
本文首发于微信公众号："算法与编程之美"，欢迎关注，及时了解更多此系列文章。问题描述<a>标签在HTML中是可以实现页面的跳转。它的定义是：标签用于定义超链接...
页面回到顶部的几种方法
qq_42758220的博客
02-14 6284
回到顶部的五种方法 一、锚点跳转 说明：为a标签的href属性可以链接id属性实现页内跳转，为顶部元素设置一个id属性即可。 代码如下： <div class="header" id="header"> 这是顶部 </div> <div class="btn"> <a href="#header">回到顶部</a><...
CSS学习笔记
JSongRui的博客
02-23 250
CSS学习笔记
2016.3.7__HTML 基础_第一天
MR_LP的博客
03-10 1733
本文适合人群： 1.从未接触过 HTML 的人群。 2.想学习但是不知道该如何开始的同学。 3.想接受系统化的学习过程的同学。 本书很多内容直接摘录自 W3C ，如果造成您的不适，请及时退出。 如果对您造成了困扰，非常抱歉。
HTML5期末大作业：关于家乡介绍主题网页设计——云南民族文化(8页) HTML+CSS+JavaScript 期末作业HTML代码 学生网页课程设计期末作业下载 web网页设计制作成品
qq_365392777
10-14 3675
HTML5期末大作业：关于家乡介绍主题网页设计——云南民族文化(8页) HTML+CSS+JavaScript 期末作业HTML代码 学生网页课程设计期末作业下载 web网页设计制作成品 常见网页设计作业题材有 个人、 美食、 公司、 学校、 旅游、 电商、 宠物、 电器、 茶叶、 家居、 酒店、 舞蹈、 动漫、 明星、 服装、 体育、 化妆品、 物流、 环保、 书籍、 婚纱、 军事、 游戏、 节日、 戒烟、 电影、 摄影、 文化、 家乡、 鲜花、 礼品、 汽车、 其他 等网页设计题目, A+水平作业
JS中如何实现点击a标签返回页面顶部的问题
10-20
主要介绍了JS中实现点击a标签返回页面顶部的问题，非常不错，具有参考借鉴价值，需要的的朋友参考下吧
html中的a标签
lingjiaxiaozila的博客
07-29 517
html中的a标签
HTML学习笔记之二（回到顶部 与 回到底部）
不忘初心，才能始终
06-03 1万+
回到顶部 回到底部 回到顶部的俩种方式  一、使用js        $('html, body').animate({ scrollTop: 0 }, 'fast');//带动画 $('html,body').scrollTop(0); //不带动画       $(window).scroll(function () { //You'v
点击a或者button标签页面返回顶部问题解决
一转眼再次遇到你
04-17 1074
遇到点击a标签。或者button 绑定js事件，我们不希望页面跳转 会让href="#"， 但是页面会自动回到顶部，解决方式 例如： 方案一： <a href="###">多输入几个#</a> 方案二： <a href="javascript:void(0)">添加javascript:void(0)</a> ...
href="#"不跳转到页面顶端
Just a Coder
09-27 1782
<a href="javascript:void(0);" id="btn1">首页</a>页面不会跳动到顶端，静止状态
[html]解决点击a标签页面回到顶部
却只为一人
03-14 2566
原代码： 查看原图 修改后代码： 查看原图
解决a标签单击后回到顶部的问题
qq_45748438的博客
09-16 683
只需修改标签的href属性，如下 <a href="javascript:void(0)"></a>
<body> <div class="wrapper"> <ul id="left"> <li><a href="#">女靴</a></li> <li><a href="#">雪地靴</a></li> <li><a href="#">冬裙</a></li> <li><a href="#">呢大衣</a></li> <li><a href="#">毛衣</a></li> <li><a href="#">棉服</a></li> <li><a href="#">女裤</a></li> <li><a href="#">羽绒服</a></li> <li><a href="#">牛仔裤</a></li> <li><a href="#">男包</a></li> </ul> <div id="content"> <div> <a href="#"><img src="images/女靴.jpg" width="200" height="250" /></a> </div> <div> <a href="#"><img src="images/雪地靴.jpg" width="200" height="250" /></a> </div> <div> <a href="#"><img src="images/冬裙.jpg" width="200" height="250" /></a> </div> <div> <a href="#"><img src="images/呢大衣.jpg" width="200" height="250" /></a> </div> <div> <a href="#"><img src="images/毛衣.jpg" width="200" height="250" /></a> </div> <div> <a href="#"><img src="images/棉服.jpg" width="200" height="250" /></a> </div> <div> <a href="#"><img src="images/女裤.jpg" width="200" height="250" /></a> </div> <div> <a href="#"><img src="images/羽绒服.jpg" width="200" height="250" /></a> </div> <div> <a href="#"><img src="images/牛仔裤.jpg" width="200" height="250" /></a> </div> <div> <a href="#"><img src="images/男包.jpg" width="200" height="250" /></a> </div> </div> </div> </body>如何将其改为水平分布
最新发布
06-03
<li><a href="#">呢大衣</a></li> <li><a href="#">毛衣</a></li> <li><a href="#">棉服</a></li> <li><a href="#">女裤</a></li> <li><a href="#">羽绒服</a></li> <li><a href="#">牛仔裤</a></li> <li><a ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值