Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 滚动至手机上的特定元素';行不通_Javascript_Jquery_Html - Fatal编程技术网

Javascript 滚动至手机上的特定元素';行不通

Javascript 滚动至手机上的特定元素';行不通,javascript,jquery,html,Javascript,Jquery,Html,我有一个点击事件,我想当它被触发时,窗口滚动到特定的坐标 <div class="col-xs-12 responsiveView"> <div class="row" id="selectedDay"></div> <div class="responsiveOrders"></div> <div class="responsiveNewOrders row"> <div class="orderMenuTi

我有一个点击事件,我想当它被触发时,窗口滚动到特定的坐标

<div class="col-xs-12 responsiveView">
<div class="row" id="selectedDay"></div>
<div class="responsiveOrders"></div>
<div class="responsiveNewOrders row">
    <div class="orderMenuTitle">

    </div>
</div>

“动画”在浏览器的响应视图上运行良好,但在实际的iphone上它们都不工作。 我已经搜索了很多,这不是一个重复!
您的帮助我们将提前感谢。

我也尝试过同样的方法

$('html, body').animate({
     scrollTop: $(".responsiveView").offset().top
}, 1000);

它成功了,问题是我试图在特定框(带有responsiveView类的元素)完全加载之前滚动页面,所以我将上面的代码放在函数的回调上(当数据加载且框完全可见时)答案可能对某些人有效,但如果对某些人无效,则可以使用
setTimeOut()
执行该函数

  setTimeout(function(){
     $('html').animate({
     scrollTop: $(".responsiveView").offset().top
     }, 1000)
   }, 100);

我相信如果您使用的是点击事件监听器,移动设备将不会注册,因为移动设备使用的是触控事件。click事件之所以有效,是因为发送了ajax并显示了数据,问题在于滚动
$('html, body').animate({
     scrollTop: $(".responsiveView").offset().top
}, 1000);
  setTimeout(function(){
     $('html').animate({
     scrollTop: $(".responsiveView").offset().top
     }, 1000)
   }, 100);