jQuery-scrollTo重新滚动元素FIDDLE

Question

FIDDLE here。

我的scrollTo函数行为异常。由于某种原因，它正在重新滚动我的页面。

  $(container)
    .find('#btnRoles')
    .on('click', function() {
      $('.div-carousel').show();
      rescrollCar(this);
    });

  function rescrollCar(e) {
    $(window).scrollTo($(e), 400, {
      offset: { left: 100, top: -80 },
      queue: false
    });
  }

 function rescrollCar(e) {
    $(window).scrollTo($(e), 400, {
      offset: { left: 100, top: -80 },
      queue: false
    });
  }

单击search button后，由于某种原因，它会向下滚动并向后滚动。 FIDDLE

上的完整代码

Answer 1

其行为之所以如此，是因为在滚动发生后第二次触发了输入块的click事件，因此再次调用rescroll()。

更改为mousedown事件，它应该可以正常工作。

$(container)
  .find('.input-block')
  .not('.input-block input, .first-element')
  .on('mousedown', function() {
   rescroll(this);      
});