jquery mobile silentScroll animate

Question

我正在使用jquery mobile silentScroll从一个div元素转到另一个div元素。 silentScroll正在运行。但它是一个跳跃＆＃39;从第一个元素到下一个元素。 我想要一个过渡或动画向下滚动。 我使用以下代码。

 $( document ).ready(function() {

  $( "#scrolldown" ).bind( "click", function( event ) {
    // find this element's offset position
    target = $("#helloworld").get(0).offsetTop;
    // scroll the page to that position
    return $.mobile.silentScroll(target);
  });

});

我已搜索过，但找不到动画到目标元素的解决方案。 提前谢谢。

Answer 1

使用.silentScroll的主要目的是滚动而不触发 scroll事件。如果您想要滚动动画，请使用以下内容，但这会触发scroll事件。

$("html, body").animate({ "scrollTop" : target }, 500); /* 500 is speed in ms */

另请注意，在jQuery Mobile中使用页面事件而不是使用.ready()。