使用iframe嵌入网站,但iframe不会在IOS上滚动

时间:2014-11-12 23:21:28

标签: html css iframe scroll

我想把一个网站嵌入到另一个网站上,使用iframe女巫工作就可以了 在我的ipad上,滚动似乎是滞后或只是不工作。任何帮助平滑滚动动作和改变卷轴颜色的帮助都会很棒!

以下是使用

的代码
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
</head>
<body>
<div id="scroller" style="height: 800px; width: 600; overflow: auto;">
<iframe height="100%" id="iframe" scrolling="auto" width="100%" id="iframe"     src="https://docs.google.com/spreadsheets/d/1zIqCVUo27R73tiJZQLkVCxDt3Kg7kiXqLyzRBLT7_AQ/edit#gid=512    365425" />
</div>
<script type="text/javascript">
setTimeout(function () {
var startY = 0;
var startX = 0;
var b = document.body;
b.addEventListener('touchstart', function (event) {
parent.window.scrollTo(0, 1);
startY = event.targetTouches[0].pageX;
startX = event.targetTouches[0].pageY;
});
b.addEventListener('touchmove', function (event) {
event.preventDefault();
var posy = event.targetTouches[0].pageY;
var h = parent.document.getElementById("scroller");
var sty = h.scrollTop;
var posx = event.targetTouches[0].pageX;
var stx = h.scrollLeft;
h.scrollTop = sty - (posy - startY);
h.scrollLeft = stx - (posx - startX);
startY = posy;
startX = posx;
});
}, 10000);
</script>
</body>
</html>

以下是link,以便您可以自己查看。

提前致谢

0 个答案:

没有答案