資料載入中

我是 chung

鎖住記憶

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

判斷捲軸的位置

當捲軸往下移動時,判段目前移動到哪個位置...
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 年又 359 天回覆
    • Chung

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

作者簡介

我是chung,網路工作者

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

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


推薦閱讀

作者其他相關類別故事

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

如何用javascript判…

Chung 9 年又 116 天 2.5K

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

她只是個瑜伽大師

她只是個瑜伽大師

Chung 2025-12-16 下午 8 點 581

她真的真的每天都沒辦法坐好好寫字... 難道真的被說中了:她只是個瑜伽大師。 唉~我的手機裡都是...

好高級的蘋果

好高級的蘋果

Chung 2026-06-09 下午 7 點 430

5G今天下課後,迫不及待地跟我分享。 「爸爸,你知道嗎?」 「我今天午餐拿到一顆蘋果。」 「你知道嗎...


推薦閱讀

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

一個人的簡單午餐...貓飯加上洛葵。

一個人的簡單午餐...貓飯加…

Chung 11 年又 178 天 2K

Mandy今天中午不在家。 但她煮了一鍋ABC湯....也煮好了飯。 剛剛下樓炒了一盤時蔬(洛葵),...

來一盤駱式海鮮義大利麵

來一盤駱式海鮮義大利麵

Chung 11 年又 205 天 2.4K

這天我跟客戶開會,晚了...沒趕得急下廚,所以就由Mandy大展身手... 問她需不需要幫忙做什麼,...

義大利麵

義大利麵

Chung 11 年又 297 天 2.3K

Mandy 喜歡吃麵食... 而最近她喜愛的麵食是義大利麵...一有機會就一直在我耳邊說著想吃......


附近景點

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

  • 臺灣大學原帝大校舍(舊圖書館、行政大樓、文學院)
  • 大同之家(含網球場)
  • 陽明山中山樓
  • 國立臺灣大學日式宿舍-戴炎輝寓所
  • 北投文物館
  • 草山水道系統