没有return false导致锚点跳转失效

最新推荐文章于 2021-12-20 12:45:14 发布
最新推荐文章于 2021-12-20 12:45:14 发布
阅读量697 收藏
点赞数

郁闷了半天，终于解决了,我日...

没有return false导致锚点跳转失效

这个问题是这样的,在页面顶部定义一个锚点<a name="top"></a>,在页面的下方定义一个链接跳转<a href="#top" οnclick="click()">xxx</a>,结果会发现点击链接并没有跳转到页面的顶部,而是页面的其它位置,原因是onclick中并没有return false;改成οnclick="click(); return false;"就可以了.

作者：KeepMoving
出处： http://www.cnblogs.com/KeepMovingblog/  
本文版权归作者和博客园共有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。
rztyfx
关注
uniapp [全端兼容] - 详细实现全国城市列表A-Z市区名称索引功能，根据城市首字母分类排序城市列表选择页面，全屏省市区右侧悬浮字母索引可拖曳滑动及点击定位锚点城市名称（提供最新全国城市数据）
王佳斌
07-17 2842
uniapp，h5移动端网页，微信小程序，支付宝小程序，Android安卓，苹果ios，app，nvue，城市列表，a-z字母的索引排序，市区名称，城市位置，选择位置时的城市列表，城市列表选择，uniApp城市列表选择，整页，通过A-Z排序的城市列表，城市自动按首字母分类，实现城市列表选择页面功能，插件组件，中国全部市区城市索引列表，右侧悬浮a至z排序点击跳转到对应城市首字母列表单独页面，如何实现整页都是市区名称列表的城市选择功能，uview uni-indexed-list，全国市区列表选择，搜索，根据区
location.href失效/解码（转码）/window对象/flex布局超出显示.../检查对象为空
luluan_lin的博客
03-28 1069
安卓微信浏览器中window.location.href失效的问题 原因：在手机WEB端，click事件会有 200~300 ms的延迟时间，所以请用tap或者touch代替click作为点击事件。 最近接手一微信项目,测试功能时,发现跳转在android手机上不动了。iso系统可以正常跳转的。解决方法: window.location.href = url + ‘?v=’ + (new Date...
html锚点定位不准确问题
To simple, to wonderful
02-25 3011
在主体内容前加个这个样式的暗锚即可.target-fix { position: relative; top: -44px; // 偏移值 display: block; height: 0; overflow: hidden; }
锚点失效的问题
北极光的博客
09-10 3551
用phpcms改了个站，突然发现锚点不好用了，不知道是哪的问题，以为我少复制了什么东西呢，可是那也不至于让锚点不起作用了呀，试了多次，终于知道问题所在了，很无语的一个原因，就是在锚点的前后必须要有内容，也是就是不能是单行只写一句，虽然不知道是为什么，但是这样解决了，晕！！！
return false不起作用
wuss_的博客
04-25 4692
return false 结束了子函数的调用 应该在主函数中返回. 解决方法是在子函数中创建flag，在主函数中return false： //子函数 function check(){ var flag = true; if(false){ flag = false; } return flag; } //主函数 funct...
"isELignored=false"的作用
热门推荐
fyqcdbdx的专栏
04-12 2万+
JSP 2.0的一个主要特点是它支持表达语言(expression language)。JSTL表达式语言可以使用标记格式方便地访问JSP的隐含对象和JavaBeans组件，JSTL的核心标记提供了流程和循环控制功能。自制标记也有自定义函数的功能，因此基本上所有seriptlet能实现的功能都可以由JSP替代。在JSP 2.0中，建议尽量使用EL而使JSP的格式更一致。 在web.xml的＜jsp-property-group＞中可以控制一组JSP是否使用EL，在每个JSP中也可以指定是否该JSP使用EL。
css锚点定位不准确问题
头名字W的博客
11-12 4895
现象：当顶部导航栏固定时，点击锚点，会跳转到锚点以下。 #top{ position: fixed; height: 100px; top:0; left:0; z-index: 100; } 问题原因 点击超链接之后，跳到的锚点位置向下的偏移量就是fixed的头部的高度。 问题解决 1、设置所有锚点处的样式 css padding-top:100px; marg...
a标签锚点链接跳转到当前页面指定位置未生效，附a标签的使用
weixin_46353030的博客
12-20 2773
原因 <a></a>内部和外部均没有文字内容，导致浏览器识别不到 传的id名字首字母没有小写 代码 第一种情况 <div id="jumphere">跳到这</div> <div> <a href="#jumphere"></a>//实现不了跳转 <a href="#jumphere">content</a>//可以实现跳转 </div> 第二种情况 //不可以实现跳转 <
vue页面内部定位到锚点位置
沫沫酱
11-20 1万+
上个文章写了跨页面的锚点定位，锚点的页面是在mounted里调用的定位到锚点位置，只有新打开此页面时才会执行mounted，所以当前页面内进行点击定位到锚点位置不起作用，解决方法在main.js里的watch里一直监听着URL是否发生变化，如果URL变化就执行锚点定位方法。 效果： 在mian.js中添加 import{goAnchor,GetQueryString}from'.....
antd vue 位置变动 固钉消失_vue搭配antD-Vue开发项目(一)
weixin_32652003的博客
01-14 228
1、yarn add ant-design-vue2、yarn add babel-plugin-import3、babel.config.js文件module.exports = {presets: ["@vue/app"],+ plugins: [+ [+ "import",+ { libraryName: "ant-design-vue", libraryDire...
前端页面在手机浏览器显示时锚点失效的解决
高飞的专栏
06-14 1万+
前端第三方的弹窗控件，点击弹窗的关闭按钮时，有一个锚点的跳转： location.hash="tag"; 但是这个效果只在PC上调试生效，在手机浏览器上，能看到地址栏里有#tag，但是页面没有跳转到指定的位置。 尝试了其他的跳转方式，比如： document.getElementById('tag').scrollIntoView()都是不能跳转到指定的锚点。 注意到在点击完关闭按钮后，
锚点跳转滑动效果
kongjiea笔记
05-14 1万+
Document $(function(){ //锚点跳转滑动效果 $('a[href*=#],area[href*=#]').click(function() { console.log(this.pathname) if (location.pat
$("body").animate({"scrollTop":top})无效的问题
weixin_30332241的博客
05-03 1002
问题 我在个人站点的左下角和右下角各自使用了如下代码来将页面滚动到顶部和底部： $("body").animate({scrollTop:0},800); $("body").animate({scrollTop:$(document).height()},800); 最近才忽然发现在Chrome浏览器下，上面的代码没有问题，而在Firefox下却是无效的。百度后才知道，原来这是因为这...
锚点跳转偏移位置（当顶部导航设置固定定位时挡住锚点区内容时）
Candy_mi的博客
11-17 3770
设置虚锚点 &lt;a name="index" style=" position: relative;top: -80px;display: block;height: 0;overflow: hidden;"&gt;&lt;/a&gt;   &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt;
函数后面加不加return的区别
hellenlee22的博客
05-15 2767
函数后面加不加return的区别
解决锚点链接跳转后位置上下偏移的偏移的办法
luoyu6的博客
10-05 1万+
应用场景：我们把导航固定在页面顶部的时候，点击锚链接跳转到相应的部分时，很可能导航把页面的内容覆盖了，像这样 导航把文字覆盖了， 原因就是我们设置了padding这类css属性 正常盒模型的宽度：width=width+padding+border,其实就是导航盖住了盒模型的padding，覆盖原因就不过多解释了。我们还是说下解决办法吧 问题：既然是锚链接，要跳转，就要用href呀，同时，...
实现JavaScript锚点平滑跳转的技巧
"本文介绍了如何使用JavaScript实现锚点(Anchor)间的平滑跳转，通过这种方法，用户可以在页面的各个部分之间优雅地导航，避免传统锚点瞬间跳转带来的不适感。这种方法适用于内容丰富的长页面，有助于提升用户体验。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值