文档章节

HTML anchor link with no scroll or jump

 大东家
发布于 2015/01/13 10:28
字数 158
阅读 5
收藏 0

The whole point of an anchor link is to scroll a page to a particular point. So if you don't want that to happen, you need to attach an onclick handler and return false. Even just adding it as an attribute should work:

<a href="#button1" id="button1" onclick="return false">button 1</a>

A side of effect of the above is that the URL itself won't change, since returning false will cancel the event. So since you want the URL to actually change, you can set the window.location.hash variable to the value that you want (that is the only property of the URL that you can change without the browser forcing a reload). You can probably attach an event handler and call something like window.location.hash = this.id though I'm not sure how mootools handles events.

(Also you need all of the IDs to be unique)


http://stackoverflow.com/questions/1218034/html-anchor-link-with-no-scroll-or-jump

© 著作权归作者所有

粉丝 22
博文 255
码字总数 111936
作品 0
长沙
项目经理
私信 提问
如何整理PHP分页代码,使其实现经典分页样式

请问一下,要如何让下面的代码可以让分页呈现出 首页 上一页 12345 下一页 尾页这种格式的,目前只是呈现出上一页 下一页 implemented Render_PageLinks(). Please note, this class is ent...

Binvor
2012/08/10
1K
1
LocalScroll

This plugin will animate a regular anchor navigation [1] [2]. It will allow your visitors to navigate your site with a smooth scrolling effect. Each time a link is clicked, the ......

匿名
2008/09/19
1K
0
asasasassssssssssss

Editor.md 目录 (Table of Contents) [TOCM] [TOC] Heading 1 Heading 2 Heading 3 Heading 4 Heading 5 Heading 6 Heading 1 link Heading link(https://github.com/pandao/editor.md) Head......

小菜的粉丝
2016/01/12
164
0
javascript(四) var关键字/注释/noscript

var关键字/注释 如果使用var 声明变量 说明变量是局部变量,如果不使用var 声明变量 就是全局变量。不过一定要谨慎使用全局变量,注意全局变量可以多个js文件共享。 注释: 第一种注释:// 第...

年少爱追梦
2016/05/31
34
0
Inline HTML Tooltip

Inline HTML Tooltip lets you define rich HTML tooltips that are embedded directly inside your webpage and that appear when the mouse rolls over links on your page. The tooltip a......

匿名
2008/09/19
1K
0

没有更多内容

加载失败,请刷新页面

加载更多

一个activity中多个handler和消息的处理过程

Ø 能否有多个handler handler的构造方法 public Handler() { …. mLooper = Looper.myLooper(); mQueue = mLooper.mQueue; mCallback = null; … } 因为几乎主要的成员变量都是从Looper中拿......

shzwork
32分钟前
3
0
一起来学Java8(一)——函数式编程

在这篇文章中,我们将了解到在Java8下如何进行函数式编程。 函数式编程 所谓的函数式编程就是把函数名字当做值进行传递,然后接收方拿到这个函数名进行调用。 首先来看下JavaScript如何进行函...

猿敲月下码
52分钟前
3
0
vue 源码 断点调试

本文转载于:专业的前端网站➥vue 源码 断点调试 1、添加sourceMap sourceMap: true 2、npm run dev 会生成vue.js.map 3、断点调试 <!DOCTYPE html><html> <head> <meta cha......

前端老手
今天
4
0
流量运营系统demo1

TopkURLMapper public class TopkURLMapper extends Mapper<LongWritable, Text, Text, FlowBean> {private FlowBean bean = new FlowBean();private Text k = new Text();@Ove......

Garphy
今天
4
0
OSChina 周六乱弹 —— 如果是个帅小伙你愿意和他出去吗

Osc乱弹歌单(2019)请戳(这里) 【今日歌曲】 小小编辑推荐:《Ghost 》游戏《死亡搁浅》原声 《Ghost 》游戏(《死亡搁浅》原声) - Au/Ra / Alan Walker 手机党少年们想听歌,请使劲儿戳...

小小编辑
今天
435
15

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部