Question

这是我的html，点击搜索按钮后会显示搜索结果

 <div class="the-return" id="view2">

   <div class="the-inner-return">


   </div>

   <div class="the-inner-return2">


   </div>

   <div class="the-inner-return3">


   </div>

    <div id="the-return-fail" class="text-center">
      <h1>Unsuccessful Search!</h1>
      <h2 id="refine">Refine search!</h2>

   </div>
   </div>

和我的剧本

<script>
$("#search").on("click",function(){
    // Handler for .ready() called.
    $('html, body').animate({
        scrollTop: $('#view2').offset().top
    }, 'slow');
});
</script>

现在的想法是，当点击搜索按钮时滚动到div id = view2。view2 div位于搜索结果的正上方，占据这些div the-inner-return,the-inner-return2 and the-inner-return3。

现在它适用于dekstop.Even当我将浏览器调整到移动屏幕时，它也能正常工作。但在实际的移动设备上呢？我真的好奇为什么？我不知道这里出了什么问题。

或者有没有其他方法可以实现这一目标？

Answer 1

也许这会对你有帮助......

map

jQuery scrolltop无法在移动版

1 个答案: