我使用iframe将我的tumblr博客嵌入到我的网站中 . 无限滚动在移动tumblr站点上正常工作,无限滚动在桌面浏览器上正常工作(它在滚动时继续加载帖子) . 当我通过移动设备访问我的网站时,我只能滚动到大约5个帖子的底部,然后不再加载内容 . 我试过嵌入其他无限滚动页面,结果大致相同 . 我想知道是否有人能够成功地将无限滚动tumblr嵌入到iframe中并使其适用于移动设备 . 我将澄清它在chrome dev工具(移动视图)中完美运行,但在实际设备上进行测试时,我得到了这些结果 . 谢谢!
这是我的造型和嵌入方式:
.demo-wrapper {
min-height: 500px;
}
.scroll-wrapper {
display: inline-block;
-webkit-overflow-scrolling: touch;
overflow:auto;
}
.scroll-wrapper, .scroll-wrapper {
width: 100%;
height: 400px;
-webkit-overflow-scrolling: touch;
overflow:auto;
}
</style>
</head>
<body>
<div class="demo-wrapper" style="padding-top:30px">
<div class="scroll-wrapper">
<iframe src="https://lets-doo.tumblr.com" border="0" frameBorder="0" />
</div>
</div>
</body>