Loading...

判斷捲軸的位置

Temperature: 0 °C

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

  • Chung

    Chung

    2016-11-17 09:29:09
    測試過沒問題哦~ 因為是為了監看捲軸的位置...所以記得把畫面的高設高一些。
  • guest

    林蜜雪

    2016-11-17 01:34:04
    請問我照貼了 也有引入Jquery 怎麼還是不能跑?

Recommended reading

Author's other related stories

CSS Radio Button

CSS Radio Button

寫系統的時候三不五時總會用到Radio Button 和 Checkboxes 目前就...

CentOS 5.2 使用 YUM 將 PHP 5.1.6 更新到 5.2.6

CentOS 5.2 使用 YUM 將 PHP 5.1.6 更新到 5.2.6

CentOS . 版內建的 PHP 版本為 ..,甚至於 . 版仍舊是 .. 版本。 ...

Photoshop 曲線文字建置

Photoshop 曲線文字建置

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

Recommended reading

Other stories happened at this address

愛情無全順

愛情無全順

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

PHP數字轉國字...

PHP數字轉國字...

什麼鬼...客戶系統的需求竟然有一個數字要轉成國字.... 數字轉國字...數字轉國字...

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

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

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

Photoshop 曲線文字建置

Photoshop 曲線文字建置

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

今晚晚餐,簡單又營養蛤蜊湯。

今晚晚餐,簡單又營養蛤蜊湯。

假日的晚餐.... s 就這一碗蛤蜊湯... 因為,太晚吃午餐。因為,肚子還太飽。 所...

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

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

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

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