資料載入中

我是 chung

鎖住記憶

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

判斷捲軸的位置

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

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

作者簡介

我是chung,網路工作者

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

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


推薦閱讀

作者其他相關類別故事

整合Facebook粉絲專頁的即時訊息,Zotabox網站打造免費線上支援平台。

整合Facebook粉絲專頁…

Chung 9 年又 253 天 3.9K

還記得在msn的年代,msn有提供在網站上架構即時通訊功能,方便網站管理者與user直接交談~ 現在...

Linux底下Apache啟動、停止、重啟指令

Linux底下Apache啟…

Chung 8 年又 362 天 3K

如果apache安裝成為linux的服務的話,可以用以下命令操作: 以上紀錄~  

為了即將到來的市賽

為了即將到來的市賽

Chung 2025-11-15 上午 9 點 435

終於,又來到忙碌的月份,國樂市賽即將在下星期到來。 沒錯,又是再次沒有週休二的週休二。 5U跟團...


推薦閱讀

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

該看看書了-Mr. Jamie 網路創業七堂課

該看看書了-Mr. Jami…

Chung 11 年又 168 天 2.7K

我愛看書? 其實也並不是。與其說我愛看書,倒不如說我愛買書,因為喜歡看書櫃上擺滿書的樣子... 只是...

意外的客人

意外的客人

Chung 11 年又 165 天 2.4K

今晚,我的水族箱裡來了一位嬌客,【豆娘】... 我想,牠應該是前幾天去水族店買黑殼蝦時偷渡來的......

紙娃娃

紙娃娃

Chung 11 年又 157 天 2.1K

紙娃娃其實是我給這個專案的名稱.... 因為做這功能時讓我想起來小時候看鄰居家小女孩玩辦家家酒的...


附近景點

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

  • 閻錫山故居
  • 臺灣總督府博物館
  • 自由之家
  • 臺灣大學原帝大校舍(舊圖書館、行政大樓、文學院)
  • 急公好義坊
  • 臺大醫院舊館