資料載入中

我是 chung

鎖住記憶

  • Chung
  • 0°C
  • 11 年又 161 天

判斷捲軸的位置

當捲軸往下移動時,判段目前移動到哪個位置...
Javascript部份

$(function(){
$(window).scroll(function () {
var scrollVal = $(this).scrollTop();
$("span.qScrollTop").text(scrollVal);
})
});

html部份

<span class="qScrollTop" style="position:fixed;"></span>

可以利用在哪裡?...那可多了...

例如:讓捲軸捲動到某個位置時,原本隱藏的物件讓他顯示出來、反之讓他隱藏起來。

台北市松山區八德路四段650號 Go

  • 捲軸移動位置的判斷
  • Javascript控制捲軸顯示物件
  • 隱藏物件的顯示與隱藏
  • HTML與Javascript的結合應用
  • 網頁捲軸效果的實現方法
https://innstory.com/story-判斷捲軸的位置-383

上一篇
 台北東區宇澤小舖

下一篇
想看玩命關頭7 

發表留言

  • 哲煜

    捲軸移動時顯示或隱藏物件的功能確實能提升使用者體驗。這樣的互動設計讓網頁看起來更有層次感,使用者能更清楚地找到想要的資訊。
    2026-08-06 下午 2 點回覆
  • 林蜜雪

    Chung 請問我照貼了 也有引入Jquery 怎麼還是不能跑
    9 年又 310 天回覆
    • Chung

      測試過沒問題哦~ 因為是為了監看捲軸的位置...所以記得把畫面的高設高一些。
      9 年又 310 天回覆

作者簡介

我是chung,網路工作者

主業是網站系統開發建置
副業是做夢、紀錄故事
作品請參考:teme.biz
做夢請參考:innstory.com
聯絡:chung.teme@gmail.com

有人用筆寫日記,有人用歲月寫日記,有人用照片寫日記,而我,用innstory寫日記。


推薦閱讀

作者其他相關類別故事

Html編輯器Ckeditor 4.0內容讀取與寫入方式

Html編輯器Ckedito…

Chung 11 年又 1 天 4.5K

在Html編輯器裡,Ckor功能很強大雖然好用....但還是有很多部份需要微調啊... 原本我是...

如何用javascript判斷字串中必須包含中英文

如何用javascript判…

Chung 9 年又 67 天 2.5K

字串拆開逐字檢查方式~ 首先將每一個字轉換成 ASCII 碼。 在使用for迴圈去檢查每個字是不是在...

全國賽

全國賽

Chung 2 年又 188 天 658

剛加入A團,馬上就遇到全國賽,小小兵們的緊張心情不言而喻。 過程雖然累,但完成比賽後,相信也是滿滿...


推薦閱讀

這個地址也發生了其他故事

Mysql最怕就是手賤

Mysql最怕就是手賤

Chung 11 年又 190 天 2.1K

今天我手賤了眼盲了@@... 錯把delete當成UPDATE....啃!!今天下午超不順的... ...

Responsive Web Design使用CSS3的Media Queries進行自適應網頁設計

Responsive Web…

Chung 11 年又 149 天 2.8K

智慧型手持裝置(手機、平板)已是非常普及的日常生活必需品。 所以現在,在開發系統時客戶都會詢問是否支...

搞累我了,小蘋果。

搞累我了,小蘋果。

Chung 11 年又 134 天 2.5K

Mandy喜歡運動。 她喜歡跑步、爬山、跳韻律舞....我也偶爾會被抓去跟她一起爬山跟跑步。 爬山的...


附近景點

這個地址-台北市松山區八德路四段650號-附近還有甚麼?

  • 國立臺灣大學日式宿舍-潮州街9號
  • 機器局第五號倉庫
  • 艋舺龍山寺
  • 蔣中正宋美齡士林官邸
  • 台灣基督長老教會大稻埕教會
  • 永和網溪別墅