Javascript jquery：将动画绑定到滚动条位置的更好方法 var AddFootnoteScrollIndicator=函数（）{ $（'.mobileFootnote'）。在（'scroll touchmove'，函数（事件）上{ var scrollTop=that.$mobileFootnote.scrollTop（）； 如果（scrollTop

当涉及滚动事件时，通过javascript修改css是唯一的方法。纯css无法像媒体查询和屏幕大小那样检测滚动位置

jquery

css（）

函数在引擎盖下设置

element.style.opacity

属性。您与实际的element属性只有一个简短的抽象层，因此它并不“昂贵”

---

该调用最昂贵的部分是

$（'.scroll down indicator'）

选择器，因为它必须执行DOM遍历以查找具有类名的元素。

谢谢您的回答。

var AddFootnoteScrollIndicator = function(){
    $('.mobileFootnote').on('scroll touchmove', function (event) {
        var scrollTop = that.$mobileFootnote.scrollTop();                
        if (scrollTop <= 20){
            var opacity = 1 - (scrollTop/20);
            $('.scroll-down-indicator').css({'opacity': opacity });
        }
    });
};