Question

我有以下代码，当用户在移动设备上滚动到顶部时，用户滚动并淡出一个固定到底部的按钮...在桌面上以响应模式测试时工作正常，但在iOS上片刻延迟后拍摄但在向后滚动到顶部时淡出，我怎么能阻止它卡入？

CSS

.cta {
    background-color: rgba(75, 113, 252, 0.9);
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    text-align: center;
    line-height: 50px;
    color: #fff;
    height: 50px;
    width: 100%;
    opacity: 1;
    z-index: 999;
 }

JS

$(window).scroll(function() {
if ($(this).scrollTop()> 150) {
$('.cta').fadeIn();
} else {
$('.cta').fadeOut();
}
});

Answer 1

您是否尝试过不同的延迟加载方法？我过去使用此插件取得了成功：https://github.com/tuupola/jquery_lazyload

这并不是特别复杂。这是一个简单的例子：

HTML：

<img class="example" data-original="img/myImage.jpg">

JS：

$("img.example").lazyload();

JQuery淡入并淡出滚动在iOS上无法正常工作

1 个答案: