模态中的动画滚动顶部不会从中间到元素

时间:2018-07-19 16:58:15

标签: javascript jquery

Here,您可以按按钮滚动到模式中的元素13,它可以正常工作,直到顶部滚动(scrolltop = 0)为止,但是如果您在单击按钮和单击按钮之前手动向下滚动一点它不会将您滚动到目标位置,或者如果单击两次,则第二次单击必须站立时滚动到顶部 在一个地方。如何解决? 浏览器:Firefox 62.0b6(Quantum)

 $('button').on('click',function(){
      $('#modal').animate(
        { scrollTop: $('#item13').offset().top -80 }, 
        500);  
    });

1 个答案:

答案 0 :(得分:0)

修复它只是将当前滚动添加到偏移量,仅浪费了大约5个小时-_-

$('button').on('click',function(){
var currScroll = $('#modal').scrollTop();
console.log(t);
  $('#modal').animate(
    { scrollTop: $('#item13').offset().top -80 + currScroll }, 
    500);  
});