Javascript 使用按钮滚动iframe-iPhone_Javascript_Jquery_Ios_Iphone_Iframe

Javascript 使用按钮滚动iframe-iPhone

javascript jquery ios iphone iframe

Javascript 使用按钮滚动iframe-iPhone,javascript,jquery,ios,iphone,iframe,Javascript,Jquery,Ios,Iphone,Iframe,我正在创建一个使用iframe动态添加内容的网站（iframe的文件位于同一台服务器上）。加载的iframe有滚动iframe内容的按钮，但我找不到它不能在iPhone上运行的原因——它在Android上运行良好。以下是我使用的代码： $('#menu li a').on('click', function(){ var element = $(this).attr('data-scroll'); $('body').anim

我正在创建一个使用iframe动态添加内容的网站（iframe的文件位于同一台服务器上）。加载的iframe有滚动iframe内容的按钮，但我找不到它不能在iPhone上运行的原因——它在Android上运行良好。以下是我使用的代码：

$('#menu li a').on('click', function(){     
            var element = $(this).attr('data-scroll');      
            $('body').animate({
                scrollTop: $('.page[data-bookmarks=' + element + ']').offset().top
            }, 1000);
        });

顺便说一句，click事件运行良好，因为我使用alert进行了检查。简单的scrollTop似乎在iOS设备上不起作用。

我找到了几个可能解决此问题的链接，但我遇到最多的链接是：

控制溢出的div要比控制

iFrames

容易得多，而且滚动+空白内容问题一直到iOS 4都在起作用，在iOS 4之前，我甚至无法让2个手指滚动正常工作（在

iFrames

）

事情是这样的：

a-file.html：

<html>
<body>
<div id="wrapper" style="width: 100%; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch;">
...
</div>
</body>
</html>

...

其他链接

带有html的JSFIDLE演示将非常有用-webkit溢出滚动：触摸您的代码很遗憾，它不起作用。@Ziggy尝试此链接是的，我检查过了，但问题是我尝试使用按钮滚动，使用手指滚动效果很好。