Question

我正在创建使用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设备上不起作用。

Answer 1

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

控制溢出的div比iFrames更容易，并且滚动+空白内容问题一直在回到iOS 4，之前我甚至无法让2个手指滚动工作（在iFrames）。

它是这样的：

<iframe id="example-iframe" width="600" height="200" src="a-file.html"></iframe>

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

使用按钮滚动iframe - iPhone

1 个答案:

其他链接