获取锚#id url回到jquery

我有一个固定的菜单，使用jQuery来平滑滚动到一个锚点，工作正常 - 但是当我使用脚本锚点链接不再出现在URL中。有任何想法吗？获取锚#id url回到jquery

该网站是http://www.julianvanmil.com

听到我正在使用的代码;

<script> 
jQuery(document).ready(function($) { 

    $(".scroll").click(function(event){  
     event.preventDefault(); 
     $('html,body').animate({scrollTop:$(this.hash).offset().top}, 400); 
    }); 
}); 
$(function() { 
    var bar = $('.logo'); 
    var top = bar.css('top'); 
    $(window).scroll(function() { 
     if($(this).scrollTop() > 700) { 
      bar.stop().animate({'top' : '35px'}, 300); 
     } else { 
      bar.stop().animate({'top' : top}, 300); 
     } 
    }); 
}); 
</script>

感谢

来源

2013-03-07 julesvm

我们需要更多的信息，而不仅仅是一个链接到您的网页。请看这个：http://meta.stackexchange.com/q/125997 – 2013-03-07 18:15:06

的event.preventDefault();阻止默认操作，这是哈希附加到URL，然后滚动。

尝试添加：location.hash = this.hash之后event.preventDefault();。

来源

2013-03-07 18:19:31

这样做了，谢谢！ – julesvm 2013-03-07 18:23:46

不客气:) – 2013-03-07 18:24:46

尝试把哈希与JS ...

$(".scroll").click(function(event){  
    event.preventDefault(); 
    $('html,body').animate({scrollTop:$(this.hash).offset().top}, 400); 
    window.location.hash = "hash"; 
});

来源

2013-03-07 18:18:12

试试这个，它的工作原理：

$('a[href^="#"]').click(function(event){  
    event.preventDefault(); 
    $('html,body').animate({scrollTop:$(this.hash).offset().top}, 800); 
    var target_anchor = this.hash; 
    setTimeout(function(){ 
     window.location.hash = target_anchor; 
    }, 800); 
});

来源

2013-06-25 19:09:09 OnengLar

获取锚#id url回到jquery

回答

相关问题