jQuery.remove()的Safari滚动问题
Safari Scrolling issue with jQuery .remove()
我正在为一个网站构建程序开发一个插件,并为其构建预览页面。这是一个视差滚动插件,我遇到的问题是,在Safari中,当你向下滚动到某个点时,它不允许你再滚动。它在萤火虫和铬中很好,但我在歌剧中看到了同样的问题。我已经设法将其缩小到导致它的功能,但我不知道为什么或如何修复它
当我注释掉这个函数时,页面会滚动得很好,但它不会像我需要的那样删除空的div:
function removeStuff() {
$('.conP').each(function(){
var divDad = $(this),
divses = $(this).children();
if (divses.hasClass('empty'))
divDad.remove();
});
}
这是可以观察到问题的预览页面:http://reveriesrefined.com/myftp/dack_stev/
////////编辑:
我已经将代码简化为:
$('.conP_%id% > .empty').parent().remove();
然而,它仍然会在safari和opera中引起滚动问题,但在其他浏览器中却不会。
非常感谢您的帮助!
实际上,我已经发现了这个问题。尽管注释掉上面提到的函数似乎解决了这个问题,但它实际上是另一个函数中的一行代码。
我有这个功能:
function autoPlay() {
var backDiv = $('#outterLax div:first');
backDiv.hide();
$('.conP').hide();
backDiv.remove();
$('#outterLax').append(backDiv);
backDiv.show();
}
但是线路:
$('.conP').hide();
是不必要的,因为这已经在我的代码的其他地方完成了。
相关文章:
- Safari(Mac OS)上的jQuery平滑滚动问题
- 向下滚动时隐藏菜单,向上滚动时显示,适用于Chrome,不适用于Safari(手机)
- 滚动到顶部按钮在 chrome 或 safari 中不起作用
- 移动Chrome和Safari之间的页面滚动不一致
- 移动safari浏览器的滚动问题
- 使用D3.js生成的SVG图形在Safari中滚动时消失
- iOS Safari过度滚动:下拉与弹跳
- 滚动停止视差效果在 Safari 中不起作用
- 移动 Safari 垂直滚动 - 如何在 Javascript 中检测窗口何时停止移动
- JavaScript DOM 在 touchmove 中的更改延迟到移动 Safari 上的滚动结束
- 滚动到顶部按钮,jQuery在Safari v.7.0.5中不起作用
- Safari 中的侧边栏滚动粘性问题
- 为什么在用户滚动后,设置超时不会在触摸端处理程序中触发(iOS Safari)
- 滚动时隐藏移动Safari中的地址栏(touchOverflow)
- 在iPhone上的Safari中滚动到特定位置
- Safari滚动故障
- jQuery.remove()的Safari滚动问题
- 在javascript中实现固定位置会导致Safari滚动时抖动
- 如何检测iOS7 Safari滚动时的高度变化- JavaScript
- 移动Safari滚动到底部加载更多的内容,如Facebook