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

黑客松Hackathon

黑客松Hackathon

這個星期六日要同朋友去參加一個聚會...黑客松Hackathon... 老實說我根本不知道那是什麼....

JavaScript的獲取日期代碼不足兩位數補0

JavaScript的獲取日...

當我們用javascript得到了一個時間後...針對月份及日期的部分只會顯示數字... funct...

圖文穿插效果

圖文穿插效果

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

Recommended reading

Other stories happened at this address

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

Mandy說我想要募款去紐西...

bg (示意圖,不確定是不是南湖大山..是在寫太魯閣系統時使用的素材) 南湖大山位於台灣的中央山脈主...

最愛的藝術文宣

最愛的藝術文宣

每次看到這些藝文文宣, 總會讓我想起以前在廣告公司上班的日子, 工作壓力雖然很大, 可是卻是做著自己...

ありがとう 大橋卓彌

ありがとう 大橋卓彌

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

地圖故事

地圖故事

map 一切都從第一張畫布開始... Innstory裡原先已有寫故事的功能,接著我把故事裡頭的照片...

搞累我了,小蘋果。

搞累我了,小蘋果。

Mandy喜歡運動。 她喜歡跑步、爬山、跳韻律舞....我也偶爾會被抓去跟她一起爬山跟跑步。 爬山的...

義大利麵

義大利麵

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

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