Question

我有2个div，每次点击其中一个时，它会向下滚动到一个名为.nbm_specs的公共内容div。第一次单击它时滚动正确，但是任何后续点击都会使滚动变得疯狂，并且每次都会向上滚动少量。它的作用就像每次点击它时堆叠偏移顶部一样。

我已经在函数中建立了滚动，然后我在每个.on CLICK函数中调用。

//hidel all at start    
$(".prostar,.X10,.x20,.x23,.x30,.x46,.xstar").fadeOut(0); 

//Scrol when clicekd

function SpecScrol(){
    $('html, body').animate({
    scrollTop: $(".nbm_specs").offset().top -80}, 1500);
}

//NAVIGATION SECTION FOR MODELS
$("#prostar").on('click', function() {
   $(".prostar").fadeIn(0);
   $(".X10").fadeOut(0); 
   SpecScrol();  
});

$("#X10").on('click', function() {
   $(".X10").fadeIn(0);
   $(".prostar").fadeOut(0);
   SpecScrol();
});

提前致谢

Answer 1

解决。

问题是有多个.nbm_specs div，而且代码不确定要去哪些并且让所有人感到困惑。通过在.nbm_specs div上方创建一个空白div并使用唯一ID修复此问题。

每次调用函数时，scrollTop都会复制值

1 个答案: