javascript - 如果滚动特定区域（移动设备），则显示 div 的最佳方式

Question

有一个号召性用语按钮（“立即下载”背景 div），onMouseOver 会打开一个 toptip（这是一个带有实时文本和背景图像的简单 div）。在移动设备\平板电脑上，当鼠标悬停不是选项时，如果特定区域已滚动（页面很长），则在 2-3 秒后需要相同的工具提示 fadeIn()。

提前致谢

Answer 1

您可以在发生滚动事件时查询当前滚动位置。像这样的东西：

例子

$(function(){
    var elemOffset = $('#myButton').offset().top;

    $(window).on('scroll', function(e) {
        var scrollPos = $(window).scrollTop();
        var windowHeight = $(window).height();

        console.log((scrollPos + windowHeight));
        $('span.pos').text('scrollpos: ' + (scrollPos + windowHeight));

        if(scrollPos + windowHeight >= elemOffset) {
            $('#myButton').css('opacity', 1);
        }
    }); 
});

不幸的是，我不确定滚动事件在移动页面上的行为方式。也许你也可以绑定到touchstart.