如何避免頁面滾動href =「＃」？

我使用一個代碼下拉菜單如何避免頁面滾動href =「＃」？

<dl id="sample" class="dropdown"> 
     <dt><a href="#"><span>Please select the country</span></a></dt> 
     <dd> 
      <ul> 
       <li><a href="#">Brazil<img class="flag" src="br.png" alt="" /><span class="value">BR</span></a></li> 
       <li><a href="#">France<img class="flag" src="fr.png" alt="" /><span class="value">FR</span></a></li> 
       <li><a href="#">Germany<img class="flag" src="de.png" alt="" /><span class="value">DE</span></a></li> 
       <li><a href="#">India<img class="flag" src="in.png" alt="" /><span class="value">IN</span></a></li> 
       <li><a href="#">Japan<img class="flag" src="jp.png" alt="" /><span class="value">JP</span></a></li> 
       <li><a href="#">Serbia<img class="flag" src="cs.png" alt="" /><span class="value">CS</span></a></li> 
       <li><a href="#">United Kingdom<img class="flag" src="gb.png" alt="" /><span class="value">UK</span></a></li> 
       <li><a href="#">United States<img class="flag" src="us.png" alt="" /><span class="value">US</span></a></li> 
      </ul> 
     </dd> 
    </dl>

能正常工作。

但我面臨的問題，我在頁面底部使用此菜單，當我點擊它顯示行爲「＃」和頁面滾動到頂部。

如何避免這種

感謝

來源

2012-01-06 air

你爲什麼把A HREF在那裏，如果你不想鏈接？爲什麼不把它留空？ – hakre 2012-01-06 08:25:39

添加屬性的onclick與「迴歸假」值，錨元素，像這樣：

<dl id="sample" class="dropdown"> 
<dt><a href="#" onclick="return false;"><span>Please select the country</span></a></dt> 
<dd> 
    <ul> 
     <li><a href="#">Brazil<img class="flag" src="br.png" alt="" /><span class="value">BR</span></a></li> 
     <li><a href="#">France<img class="flag" src="fr.png" alt="" /><span class="value">FR</span></a></li> 
     <li><a href="#">Germany<img class="flag" src="de.png" alt="" /><span class="value">DE</span></a></li> 
     <li><a href="#">India<img class="flag" src="in.png" alt="" /><span class="value">IN</span></a></li> 
     <li><a href="#">Japan<img class="flag" src="jp.png" alt="" /><span class="value">JP</span></a></li> 
     <li><a href="#">Serbia<img class="flag" src="cs.png" alt="" /><span class="value">CS</span></a></li> 
     <li><a href="#">United Kingdom<img class="flag" src="gb.png" alt="" /><span class="value">UK</span></a></li> 
     <li><a href="#">United States<img class="flag" src="us.png" alt="" /><span class="value">US</span></a></li> 
    </ul> 
</dd>

我改變我的示例反映了您的HTML代碼示例。請注意錨標記上的onclick屬性。

來源

2012-01-06 08:11:58 Raybiez

怎麼樣？抱歉，我不是這方面的專家 – air 2012-01-06 08:12:53

我更新了這個例子，希望能更好地解釋這個變化 – Raybiez 2012-01-06 08:27:10

$('#sample a').click(function(event){ 
    event.preventDefault(); 
})

來源

2012-01-06 08:12:52 Headshota

使用

<a href='javascript:void(0);' ...>

來源

2012-01-06 08:13:36 Grexis

如何避免頁面滾動href =「＃」？

回答

相關問題