Question

我使用以下代码来跟踪滚动，我想将所选元素变量放在事件处理程序之外，这样每次用户滚动时都不会调用它们，从而节省资源。以下仅在我将前两个变量放在事件处理程序中时才有效：

    var recommend_con_list=$(".recommend_con_list")
    var recommend_con=$('.recommend_con')
    $(window).scroll(function () {

        var y=$(window).scrollTop()
        if(y > 82){
            recommend_con.css({position:"fixed",top:"0"})
        }else{
            recommend_con.css({position:"",top:""})
        }
    });

Answer 1

如果你想进一步优化，我会用这个：

$(document).ready(function () {
    var recommend_con_list = $(".recommend_con_list").get(),
        recommend_con = $('.recommend_con').get(),
        $window = $(window);

    $window.scroll(function () {
        var y = $window.scrollTop();
        if (y > 82) {
            for (var i = 0, j = recommend_con.length; i < j; i++) {
                recommend_con[i].classList.add("special");
            }
        } else {
            for (var i = 0, j = recommend_con.length; i < j; i++) {
                recommend_con[i].classList.remove("special");
            }
        }
    });
});

使用这个CSS：

<style type="text/css">
    .special {
        position: fixed;
        top: 0;
    }
</style>

无法访问jQuery事件处理程序中的全局变量

1 个答案: