Question

我使用iframe将自己的tumblr博客嵌入到我的网站中。无限滚动在移动tumblr网站上可以正常工作，而无限滚动在桌面浏览器上可以正常工作（在我滚动时会继续加载帖子）。当我通过移动设备访问网站时，只能滚动到5个帖子的底部，因此不会加载更多内容。我尝试嵌入其他无限滚动页面，结果大致相同。我想知道是否有人能够将无限滚动的tumblr嵌入到iframe中并使其在移动设备上正常工作。我将澄清它在chrome开发工具（移动视图）中可以完美地工作，但是在实际设备上进行测试时，我得到了这些结果。谢谢！

这是我的样式和嵌入方式：

 .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>

嵌入到iframe中的无限滚动Tumblr在移动设备上无法正常工作

0 个答案: