資料載入中

我是 chung

鎖住記憶

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

判斷捲軸的位置

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

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

作者簡介

我是chung,網路工作者

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

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


推薦閱讀

作者其他相關類別故事

在PHP裡面如何做到基本的SQL injection防禦?

在PHP裡面如何做到基本的S…

Chung 11 年又 146 天 2.6K

資訊安全一直是很頭痛的問題....我一直以來也在尋找最好的方式... 但在尋找的過程中...至少也得...

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

如何使用javascript…

Chung 8 年又 289 天 5.2K

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

為了即將到來的市賽

為了即將到來的市賽

Chung 2025-11-15 上午 9 點 287

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


推薦閱讀

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

紙娃娃

紙娃娃

Chung 10 年又 329 天 1.8K

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

用distinct在MySQL中查詢多條不重複記錄值

用distinct在MySQ…

Chung 13 年又 293 天 2.1K

結果: group by 必須放在 order by 和 limit之前,不然會報錯. 更簡單...

Mandy說我想要募款去紐西蘭@@

Mandy說我想要募款去紐西…

Chung 10 年又 316 天 2K

(示意圖,不確定是不是南湖大山..是在寫太魯閣系統時使用的素材) 我對爬山沒什麼概念...對南湖...


附近景點

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

  • 歸綏街文萌樓
  • 北投臺灣銀行舊宿舍
  • 草山教師研習中心
  • 北投普濟寺
  • 台灣基督長老教會大稻埕教會
  • 前南菜園日式宿舍