資料載入中

我是 chung

鎖住記憶

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

判斷捲軸的位置

當捲軸往下移動時,判段目前移動到哪個位置...
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 

發表留言

  • 林蜜雪

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

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

作者簡介

我是chung,網路工作者

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

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


推薦閱讀

作者其他相關類別故事

無障礙網頁accesskey

無障礙網頁accesskey

Chung 9 年又 364 天 2K

accesskey 無障礙網頁導盲磚。 是為了要方便有需求的人,可利用鍵盤即可快速瀏覽網頁切換網頁位...

如何使用javascript判斷身分證號跟居留證格式

如何使用javascript…

Chung 9 年又 5 天 5.3K

首先,我是把如何用javascript判斷字串中必須包含中英文的方式延伸~ 將每一個字轉換成 ASC...

親愛的孩子祝你10歲生日快樂

親愛的孩子祝你10歲生日快樂

Chung 2026-04-19 下午 10 點 643

親愛的孩子,今天是你人生第一個「雙位數」生日,生日快樂哦! 很抱歉,這個特別的日子,我無法陪在...


推薦閱讀

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

熊出沒

熊出沒

Chung 11 年又 54 天 3.9K

前幾天,花了些時間重新設計了innstory裡的代表頭像... 想說把一開始的羚羊換成台灣黑熊......

ありがとう 大橋卓彌

ありがとう 大橋卓彌

Chung 11 年又 53 天 2.9K

我,離家多年...39歲了..一直在做著遙不可及的夢,走著未知的路...沒什麼長進。 希望有一天,我...

愛情無全順

愛情無全順

Chung 11 年又 198 天 1.9K

我覺得還蠻好笑的... 我好像也是宅男一族厚....其實感情這種事真的是說不準的.... 天想到...


附近景點

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

  • 陳悅記祖宅(老師府)
  • 艋舺龍山寺
  • 內湖郭氏古宅
  • 艋舺清水巖祖師廟
  • 國立臺北護理健康大學城區部文教大樓
  • 王義德墓