Loading...

判斷捲軸的位置

Temperature: 0 °C

ChungChung
author_tools

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


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

html部份

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

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

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

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

https://innstory.com/story-判斷捲軸的位置-383
寫程式筆記

Prev
 台北東區宇澤小舖

Next
想看玩命關頭7 

Nearby Attractions

台北市松山區八德路四段650號-Nearby Attractions

  • 監察院 Go
  • 國立臺灣大學日式宿舍-福州街... Go
  • 舊總督府第二師範學校大禮堂(... Go
  • 自由之家 Go
  • 婦聯總會 Go
  • 建國啤酒廠 Go

About the Author

Chung

我是chung
網路工作者
主業是網站系統開發建置
副業是做夢,寫故事
作品請參考/teme.biz
做夢請參考/innstory.com
聯絡/chung.teme@gmail.com

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

Visitor message

Leave some footprints to prove that you visited me

  • guest

    林蜜雪 2016-11-17 01:34:04 0

    請問我照貼了 也有引入Jquery 怎麼還是不能跑?
    • eyJpdiI6IlptUmhhMmx1Wld3N2FXNXFZV3BrYWc9PSIsInZhbHVlIjoiQ1d1akZrMTBzb2xuK25vT09wd1lqZz09In0

      Chung 2016-11-17 09:29:09 0

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

Recommended reading

Author's other related stories

無障礙網頁accesskey

無障礙網頁accesskey...

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

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

Linux底下Apache啟...

a5 如果apache安裝成為linux的服務的話,可以用以下命令操作: service httpd...

戶外教學到板橋派出所,當一日小警察。

戶外教學到板橋派出所,當一日...

差婆來了。

Recommended reading

Other stories happened at this address

Photoshop 曲線文字建置

Photoshop 曲線文字...

Photoshop一直都是很強悍的繪圖軟體。 裡頭的【鋼筆工具】,可以拉貝茲曲線的.... 我剛開始...

意外的客人

意外的客人

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

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

Responsive Web...

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

今晚,來盤鯊魚(炒)芹菜。

今晚,來盤鯊魚(炒)芹菜。

已經忘了從什麼時候開始會煮菜的... 我煮的菜,叫不出什麼響亮的名字、外表樸實、味道是傳承小時候家裡...

現在這個時候最幸福

現在這個時候最幸福

幸福是什麼? 中樂透頭獎時.....或是功成名就時? 我很少過自己的生日....在家裡..因為跟家姊...

圖文穿插效果

圖文穿插效果

寫故事還是得圖文穿插看起來方便些~ 其實一直都在找最適合寫故事的方式,一開始我把所有上傳照片都放在故...

Please select an option

error

Hi, thank you for your participation, but you cannot vote repeatedly~

Join innstory now and start recording your story.

"Innstory" is a place to store stories. We are committed to becoming a warm platform. Deepening the bonds between people is our direction.
We are convinced that the blockchain between people is not just a cold calculation. Join us now.

Wrong format