使用Javascript，防止滚动空URL哈希变化

Question

我想检测hashchanges，如果散列是空的，请阻止它滚动到屏幕的顶部。

这是我有：

// Older version of jQuery, so can't use .on() 
jQuery(window).bind("hashchange", function (e) { 
    if (window.location.hash == "") e.preventdefault(); 
    else alert(window.location.hash); 
}); 

它放入您的控制台，你可以看到它正确地检测哈希值发生变化，并提醒，如果他们不只是“＃”，但如果你改变它追加“ ＃“到你的网址，它仍然滚动到顶部。

当您向您的网址添加空的散列“＃”时，如何防止屏幕进入页面顶部？

Answer 1

$(function() { 
     $('a').click(function(e) { 
      var lnkHref = $(this).attr('href'); 
      if (lnkHref.substr(lnkHref.length - 1) == '#') 
      {    
       e.preventDefault(); 

       // optional if you want to redirect still 
       var trimmedUrl = lnkHref.substr(0, lnkHref.length - 1); 
       document.location.href = trimmedUrl; 
      } 
     }); 
    })