停止在锚点上滚动

Question

<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”，并希望停止所有锚点#new链接以停止滚动和跳转页面，请保持原样

Answer 1

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

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

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

停止在锚点上滚动

问题描述

1 个解决方案

解决方案1
0 2013-12-17 20:59:33

停止在锚点上滚动

问题描述

1 个解决方案

解决方案1 0 2013-12-17 20:59:33

解决方案1
0 2013-12-17 20:59:33