第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全，請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題，去搜搜看，總會(huì)有你想問(wèn)的

添加/刪除基于垂直滾動(dòng)的jQuery類？

添加/刪除基于垂直滾動(dòng)的jQuery類？

慕勒3428872 2019-11-08 14:32:20
因此，基本上，我想在用戶向下滾動(dòng)并添加另一個(gè)類以更改外觀后從“標(biāo)題”中刪除該類。試圖找出最簡(jiǎn)單的方法，但我無(wú)法使其正常工作。$(window).scroll(function() {        var scroll = $(window).scrollTop();        if (scroll <= 500) {        $(".clearheader").removeClass("clearHeader").addClass("darkHeader");    }}的CSS.clearHeader{    height: 200px;     background-color: rgba(107,107,107,0.66);    position: fixed;    top:200;    width: 100%;   }    .darkHeader { height: 100px; }.wrapper {    height:2000px;}的HTML<header class="clearHeader">    </header><div class="wrapper">     </div>我確定我在做一些非?；镜腻e(cuò)誤。
查看完整描述

3 回答

?
守候你守候我

TA貢獻(xiàn)1802條經(jīng)驗(yàn) 獲得超10個(gè)贊

$(window).scroll(function() {    

    var scroll = $(window).scrollTop();


     //>=, not <=

    if (scroll >= 500) {

        //clearHeader, not clearheader - caps H

        $(".clearHeader").addClass("darkHeader");

    }

}); //missing );


另外，通過(guò)刪除clearHeader該類，可以position:fixed;從元素中刪除，并可以通過(guò)$(".clearHeader")選擇器重新選擇它。我建議不要?jiǎng)h除該類，并在其頂部添加一個(gè)新的CSS類以用于樣式設(shè)計(jì)。


如果要在用戶向上滾動(dòng)時(shí)“重置”類添加，請(qǐng)執(zhí)行以下操作：


$(window).scroll(function() {    

    var scroll = $(window).scrollTop();


    if (scroll >= 500) {

        $(".clearHeader").addClass("darkHeader");

    } else {

        $(".clearHeader").removeClass("darkHeader");

    }

});


編輯：這是標(biāo)題選擇器的版本緩存-更好的性能，因?yàn)樗粫?huì)在每次滾動(dòng)時(shí)查詢DOM，并且可以安全地刪除/添加任何類到標(biāo)題元素而不會(huì)丟失引用：


$(function() {

    //caches a jQuery object containing the header element

    var header = $(".clearHeader");

    $(window).scroll(function() {

        var scroll = $(window).scrollTop();


        if (scroll >= 500) {

            header.removeClass('clearHeader').addClass("darkHeader");

        } else {

            header.removeClass("darkHeader").addClass('clearHeader');

        }

    });

});


查看完整回答
反對(duì) 回復(fù) 2019-11-08
?
DIEA

TA貢獻(xiàn)1820條經(jīng)驗(yàn) 獲得超2個(gè)贊

它是我的代碼


jQuery(document).ready(function(e) {

    var WindowHeight = jQuery(window).height();


    var load_element = 0;


    //position of element

    var scroll_position = jQuery('.product-bottom').offset().top;


    var screen_height = jQuery(window).height();

    var activation_offset = 0;

    var max_scroll_height = jQuery('body').height() + screen_height;


    var scroll_activation_point = scroll_position - (screen_height * activation_offset);


    jQuery(window).on('scroll', function(e) {


        var y_scroll_pos = window.pageYOffset;

        var element_in_view = y_scroll_pos > scroll_activation_point;

        var has_reached_bottom_of_page = max_scroll_height <= y_scroll_pos && !element_in_view;


        if (element_in_view || has_reached_bottom_of_page) {

            jQuery('.product-bottom').addClass("change");

        } else {

            jQuery('.product-bottom').removeClass("change");

        }


    });


});


查看完整回答
反對(duì) 回復(fù) 2019-11-08
  • 3 回答
  • 0 關(guān)注
  • 718 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

 公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)