$(window).scroll(function() { 

            var scrolls = $(this).scrollTop();

            $(".context_block").each(function(){ //類名為“context_block”的塊級元素

                var height = $(this).height();

                if($(this).position().top + height-60> scrolls){

                    var _index = $(".context_block").index($(this));

                    $(".menu  a").parent().siblings().contents("a").removeClass("hover_mobileLink");    

                    $($(".menu  a")[_index]).addClass("hover_mobileLink");//動態(tài)改變class為“menu” 的塊級元素下的a標(biāo)簽的樣式（添加或者刪除某個類）

                    return false;

                }

            });

        });

核心代碼很簡單，實現(xiàn)的效果卻非常不錯，這里推薦給小伙伴們。

您可能感興趣的文章:

相關(guān)文章

jQuery表單驗證之密碼確認(rèn)
這篇文章主要為大家詳細(xì)介紹了jQuery表單驗證之密碼確認(rèn)的實現(xiàn)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-05-05
jQuery選擇器源碼解讀（七）：elementMatcher函數(shù)
這篇文章主要介紹了jQuery選擇器源碼解讀（七）：elementMatcher函數(shù),本文講解了源碼、功能、參數(shù)、返回函數(shù) 等內(nèi)容,需要的朋友可以參考下
2015-03-03
jQuery 寫的簡單打字游戲可以提示正確和錯誤的次數(shù)
這篇文章主要介紹了使用jQuery寫的簡單打字游戲可以提示正確和錯誤的次數(shù),需要的朋友可以參考下
2014-07-07
jQuery實現(xiàn)ichat在線客服插件
這篇文章主要介紹了jQuery實現(xiàn)ichat在線客服插件,需要的朋友可以參考下
2014-12-12
jQuery 函數(shù)實例分析【函數(shù)聲明、函數(shù)表達(dá)式、匿名函數(shù)等】
這篇文章主要介紹了jQuery 函數(shù),結(jié)合實例形式分析了jquery函數(shù)聲明、函數(shù)表達(dá)式、匿名函數(shù)等相關(guān)使用技巧,需要的朋友可以參考下
2020-05-05
jquery.lazyload 實現(xiàn)圖片延遲加載jquery插件
看到了淘寶產(chǎn)品介紹中,圖片是在下拉滾動條時加載,這是一個很不錯的用戶體驗。減少了頁面加載的時間了，也減輕了服務(wù)器的壓力，就查了下用JQuery..
2010-02-02
淺析Bootstrip的select控件綁定數(shù)據(jù)的問題
這篇文章主要介紹了淺析Bootstrip的select控件綁定數(shù)據(jù)的問題的相關(guān)資料，小編認(rèn)為非常具有參考價值，感興趣的朋友一起看下吧
2016-05-05
jQury Ajax使用Token驗證身份實例代碼
這篇文章主要介紹了jQury Ajax使用Token驗證身份實例代碼,需要的朋友可以參考下
2017-09-09
jquery css實現(xiàn)流程進(jìn)度條
這篇文章主要為大家詳細(xì)介紹了jquery css實現(xiàn)流程進(jìn)度條，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2020-03-03
jQuery表格插件datatables用法匯總
這篇文章主要介紹了jQuery表格插件datatables用法匯總，DataTables是一個非常強大的表格插件，感興趣的小伙伴們可以參考一下
2016-03-03