亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

移動版 jQuery 滾動

移動版 jQuery 滾動

jeck貓 2023-03-10 16:47:45
我需要有關 Jquery 滾動功能的幫助。我想讓滾動頂部位置在手機、平板電腦上 >= 300,在桌面上 >= 700。有誰知道怎么做?先感謝您。這是我的代碼:$(window).scroll(function(){  if ($(window).scrollTop() >= 700) {      $('.content-item.odd').addClass('fixed-header');      $('.content-item.odd').css({"position":"fixed","width":"100%","top":"90px","border-top":"1px solid #fff"});  }    else {      $('.content-item.odd').removeClass('fixed-header');      $('.content-item.odd').removeAttr("style");  }});
查看完整描述

1 回答

?
猛跑小豬

TA貢獻1858條經驗 獲得超8個贊

您可以使用 jQuery 的.width()函數來獲取窗口寬度并圍繞您的函數構建一個 if 語句,如下所示:


$(window).scroll(function(){

//here we check the viewport width

if($(window).width() < "1024"){

//if the viewport width is less then 1024 scrolltop is 300

  if ($(window).scrollTop() >= 300) {

         $('.content-item.odd').addClass('fixed-header');

        $('.content-item.odd').css({"position":"fixed","width":"100%","top":"90px","border-top":"1px solid    #fff"});

    }

      else {

        $('.content-item.odd').removeClass('fixed-header');

        $('.content-item.odd').removeAttr("style");

    }

}else{

    if ($(window).scrollTop() >= 700) {

         $('.content-item.odd').addClass('fixed-header');

        $('.content-item.odd').css({"position":"fixed","width":"100%","top":"90px","border-top":"1px solid    #fff"});

    }

      else {

        $('.content-item.odd').removeClass('fixed-header');

        $('.content-item.odd').removeAttr("style");

    }

  }

});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>



查看完整回答
反對 回復 2023-03-10
  • 1 回答
  • 0 關注
  • 164 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號