<thead id="jxdzp"><address id="jxdzp"><pre id="jxdzp"></pre></address></thead>

<em id="jxdzp"><span id="jxdzp"></span></em>

    <listing id="jxdzp"><nobr id="jxdzp"><meter id="jxdzp"></meter></nobr></listing>

      <address id="jxdzp"></address>
      <noframes id="jxdzp"><form id="jxdzp"><th id="jxdzp"></th></form>
      <noframes id="jxdzp"><form id="jxdzp"><th id="jxdzp"></th></form>

          訂閱本欄目 RSS您所在的位置: 深山工作室 > 頁面特效 > 正文

          jquery下拉到某個固定位置然后某些元素發生改變樣式狀態

          2022/5/30 21:01:03 字體: 瀏覽 1016
          jquery下拉到某個固定位置然后某些元素發生改變樣式狀態


          我覺得下面這個方法好
          jQuery(document).ready(function(){
              var loaded = false;
              function show(){
                  var top = jQuery("#comments").offset().top;
                  if(!loaded && jQuery(window).scrollTop() + jQuery(window).height() > top ){
                      console.log("顯示");
                  }else{
                      console.log("隱藏");
                  }
              }
              jQuery(window).scroll(show);
          });


          這個方法測試時還算可以
          <script>
          //獲取這個固定的位置到頂部的距離
          var heights=$('form').offset().top;
          //獲取這個位置的高度
          var myheight=$('form').outerHeight(true);
          //獲取當前的位置到頂部的距離
          var juli=$(window).scrollTop();
          //獲取瀏覽器的高度
          var liulan=$(window).height();
          if(heights-liulan>=juli){
          $('button').html('<a href="#004" class="body_title_can_b">前去購買</a>');
          $('.button_t').html('<div class="time">距結束 <span id="_h">00</span>:<span id="_m">00</span>:<span id="_s">00</span>:<span id="_ms">00</span></div><h2>2件7折,3件5.5折</h2>')
          }
          else{
          $('button').html('提交訂單');
          $('.button_t').html('NT$ <span class="div_rmb">1298</span>')
          }
          $(window).scroll(function(){
          var juli=$(window).scrollTop();
          if(heights-liulan>=juli){
          $('button').html('<a href="#004" class="body_title_can_b">前去購買</a>');
          $('.button_t').html('<span class="time">距結束 <span id="_h">00</span>:<span id="_m">00</span>:<span id="_s">00</span>:<span id="_ms">00</span></span><h2>2件7折,3件5.5折</h2>')
          }
          else{
          $('button').html('提交訂單');
          $('.button_t').html('NT$ <span class="div_rmb">1298</span>')

          }
          })

          </script>

          前一頁:沒有了
          相關閱讀
          當鼠標靠在某個字上時,背景也隨之改變
          uni-app瀏覽歷史記錄功能實現
          留言板留言板V7.22
          asp數組隨機排序
          利用css制作簡易相冊
          劉瀏家俱
          windows8的iis7應用程序池標識問題
          2012-7-20升級部分
          共有0條關于《jquery下拉到某個固定位置然后某些元素發生改變樣式狀態》的評論
          發表評論
          正在加載評論......
          返回頂部發表評論
          呢 稱:
          表 情:
          內 容:
          評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
          驗證碼: 驗證碼 
          網友評論聲明,請自覺遵守互聯網相關政策法規。

          您發布的評論即表示同意遵守以下條款:
          一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
          二、不得發布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
          三、本站對您所發布內容擁有處置權。

          更多信息>>欄目類別選擇
          百度小程序開發
          微信小程序開發
          微信公眾號開發
          uni-app
          asp函數庫
          ASP
          DIV+CSS
          HTML
          python
          更多>>同類信息
          jquery下拉到某個固定位置然后某些元素發生改變樣式狀態
          canvas繪制的文字如何換行
          兼容pc、移動端用js實現復制內容到剪切板(支持蘋果safari瀏覽器)
          js兼容多個瀏覽器右下角漂浮廣告
          兼容ie6+和火狐的禁止右鍵
          做在線客服時,聊天窗口的div滾動條始終在底部
          更多>>最新添加文章
          dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
          Android移動端自動化測試:使用UIAutomatorViewer與Selenium定位元素
          抖音直播音掛載小雪花 懂車帝小程序
          javascript獲取瀏覽器指紋可以用來做投票
          火狐Mozilla Firefox出現:無法載入您的Firefox配置文件 它可能已經丟失 或是無法訪問 問題解決集合處理辦法
          在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑
          python通過代碼修改pip下載源讓下載庫飛起
          python里面requests.post返回的res.text還有其它的嗎
          更多>>隨機抽取信息
          淺論網頁優化和網站優化的方式
          仿mop分頁代碼
          深山留言板V7.0效果
          常用正則表達式集錦
          CSS制作網頁中的一些經驗總結
          asp利用正則檢查手機端的瀏覽器標識來確定是否是手機訪問 如果是手機訪問就使用手機模板
          88国产精品视频一区二区三区