我正在使用一个平滑的滚动脚本来处理我正在处理的网站,而且我遇到了一个非常恼人的问题,我之前使用相同的脚本经历过这个问题。它工作得很好而且流畅但是当我点击其中一个导航点时应该引导我到div(或者我想要定位),它会向我显示0.1秒的目标区域,然后它开始滚动。它不是每次都会发生,但往往足以令人讨厌。我怎么能阻止这个?这是我正在谈论的剧本:
$(window).load(function(){
$(".contactLink").click(function(){
if ($("#contactForm").is(":hidden")){
$("#contactForm").slideDown("slow");
}
else{
$("#contactForm").slideUp("slow");
}
});
});
function closeForm(){
$("#messageSent").show("slow");
setTimeout('$("#messageSent").hide();$("#contactForm").slideUp("slow")', 2000);
}
$(window).load(function() {
function filterPath(string) {
return string
.replace(/^\//,'')
.replace(/(index|default).[a-zA-Z]{3,4}$/,'')
.replace(/\/$/,'');
}
$('a[href*=#]').each(function() {
if ( filterPath(location.pathname) == filterPath(this.pathname)
&& location.hostname == this.hostname
&& this.hash.replace(/#/,'') ) {
var $targetId = $(this.hash), $targetAnchor = $('[name=' + this.hash.slice(1) +']');
var $target = $targetId.length ? $targetId : $targetAnchor.length ? $targetAnchor : true;
if ($target) {
var targetOffset = $target.offset().top - 110;
$(this).click(function() {
$('html, body').animate({scrollTop: targetOffset}, 1400);
var d = document.createElement("div");
d.style.height = "101%";
d.style.overflow = "hidden";
document.body.appendChild(d);
window.scrollTo(0,scrollToM);
setTimeout(function() {
d.parentNode.removeChild(d);
}, 10);
return false;
});
}
}
});
});
答案 0 :(得分:1)
setTimeout(function() {
d.parentNode.removeChild(d);
}, 10);
return false;
});
将return false
移出setTimeOut
答案 1 :(得分:1)
找到解决方案:
$(this).click(function(e) {
e.preventDefault();
现在它很好。