点击<a>标签,禁止页面自动跳到顶部的解决办法
来源:互联网 发布:it专业学什么 编辑:程序博客网 时间:2024/06/01 12:39
"平时开发的HTML表单,链接通常会使用<a href="#" onclick="openWnd();">Open new window</a>控件,但这种方法如果是链接到本页面,用来执行一段JS脚本的话,我们一般不希望用户在点解链接后页面滚动到顶部(如果有滚动条的话),可以通过修改上述将链接属性href来实现:即将href="#"改为href="###",这样用户点击链接执行JS脚本后,滚动条就不会自动跳到TOP了。"
后来就想为什么这么改了就不跳了?然后把href换成 "#X",发现依然可以实现阻止滚动的效果。所以应该是浏览器会把 "#" 当作是一种页面跳转的口令,接到这个口令就会把页面滚动到原始位置,但是只要把这个改成浏览器没有办法识别的名称,那么它就会把这个口令ignore了。
NOTE:后来发现IE6这个神奇的浏览器连"##"都能识别,所以如果你要兼容浏览器,那还是用"###"吧。。。
2010-10-11 更新
在最近开发的网站中,一直使用上述的"#X"方法解决页面跳动的问题。但是这样解决页面虽然不跳了,url却会变得异常的难看,所以一直想找个方法替代它。后来在一次山寨之旅中意外的找到了它——
href="javascript:void(0)"
url从此干净了~~
除此方法之外还有提出:
定位到 <html> 上,document.getElementsByTagName( "html ")[0].style.overflow= "hidden "
或者 <html id= "scroll ">
然后调用地方写document.getElementById( "scroll ").style.overflow= "hidden "
但是依次方法并未成功,也可能是我写的不对,这个留作以后再做验证。
- 点击<a>标签,禁止页面自动跳到顶部的解决办法
- 点击<a>标签,禁止页面自动跳到顶部的解决办法
- 点击<a>标签,禁止页面自动跳到顶部的解决办法
- 点击<a>标签,禁止页面自动跳到顶部的解决办法
- 点击超链接禁止跳到顶部解决办法
- 记录spinner/popupwindow点击选项时页面自动滚到顶部的解决办法
- <a href="#">禁止跳到页面顶端的解决办法
- jquery设置点击标签,标签滚动到页面顶部
- 点击链接,页面跳到顶部的问题
- 点击超链接防止跳到页面顶部的方法
- [html]解决点击a标签页面回到顶部
- 让a标签禁止点击的方法
- 点击<a>标签,链接到新的页面
- 点击按钮跳到当前页面指定的div和跳到顶部或底部
- JQuery点击按钮跳到当前页面指定的div和跳到顶部或底部
- 用a标签实现跳转到本页面或者目标页面的顶部、底部或者某一位置
- 避免刷新页面,自动跳回到页面顶部的办法
- 点击top返回到页面顶部
- 使用面向切面编程统计流量aop
- Hadoop YARN中内存的设置
- curator之recipes之Barrier
- 欢迎使用CSDN-markdown编辑器
- Xcode因为证书问题经常报的那些错
- 点击<a>标签,禁止页面自动跳到顶部的解决办法
- Xcode 插件更新
- HTML 中的块级元素和内联元素
- jquery-mobile一直加载的原因
- Lucene学习(二):Lucene的总体架构
- JSP基础:JSP九大内置对象
- android混合开发,webview的java与js互操作
- 未赋值的实例变量
- Volley全解析(一):创建一个请求队列