javascript - 停止滚动 anchor 击

标签 javascript html css

<html>
<head>
<link rel="stylesheet" href="style.css" type="text/css">
<link href="font-awesome.css" rel="stylesheet">

</head>
<body leftmargin="0px" topmargin="0px" >
<div class="header">
    <div class="head"><div class="logo"><img src="logo.png"></div>
       <div class="menu"><a href="#main" >menu</a></div>
</div>
   <div id="main">
    <section id="nav">
        <ul><li><a href="#">Home</a></li>
        <li><a href="#new">Events</a></li>
        <li><a href="#tech">Technical</a></li>
        <li><a href="#">Schedule</a></li>
        <li><a href="#">Contact</a></li>
        </ul>
    </section>
    <div id="new"><h1 align="center">Content changed</h1></div>
    <div id="tech"><h1 align="center">Technical event</h1></div>
</div><br>
</body>
</html>

我想在单击时停止跳转到 id="main",并希望停止所有 anchor #new 链接停止滚动,跳转页面应保持原样

最佳答案

我猜您正在将事件监听器附加到链接。这是我使用您的代码想出的示例:http://jsfiddle.net/Rdsxk/

$(selector).on('click', function(){
 //add code you want to execute here
 return false 
});

Selector 是您不想滚动的链接的类别。

关于javascript - 停止滚动 anchor 击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20626129/

相关文章:

jquery - 谷歌翻译小部件移动溢出

javascript - 如何更改表格中点击的样式

html - 下拉菜单尺寸错误,下拉菜单方向错误

javascript - Mongodb更新子数组内的操作

javascript - 使用条件语句在 Javascript 中的不同 for 循环之间进行选择

javascript - 为什么这个事件总是触发?

javascript - 鼠标按下时捕获所有鼠标坐标

html - 导航栏不会延伸到网页边缘

javascript - Wordpress自定义小部件图片上传

html - 垂直对齐 float 元素