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:040

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

      Chung 2016-11-17 09:29:090

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

Recommended reading

Author's other related stories

PHP取得檔案路徑及檔案名稱

PHP取得檔案路徑及檔案名稱...

例如我有一支檔案是放在根目錄下的demo資料夾中,檔案名稱為test.php 、首先取得目前網頁的檔...

整合Facebook粉絲專頁的即時訊息,Zotabox網站打造免費線上支援平台。

整合Facebook粉絲專頁...

還記得在msn的年代,msn有提供在網站上架構即時通訊功能,方便網站管理者與user直接交談~ 現在...

使FCKeditor所上傳的圖檔檔名亂數化

使FCKeditor所上傳的...

編輯"../fckor/or/filemanager/connectors/php/com...

Recommended reading

Other stories happened at this address

PHP數字轉國字...

PHP數字轉國字...

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

Google map 功能導入

Google map 功能導...

blogmap 寫故事還是得有地圖才好厚! 前幾天,sam同我說有一個客戶有Google map的需...

喔熊又來了

喔熊又來了

face 好吧,我得承認大多數人都看不出來喔熊的身份是台灣黑熊.... 為此,我很慎重的給了牠【臉】...

蘑菇醬麵

蘑菇醬麵

據我所知...老婆大人在嫁給我之前是顯少進廚房的 上個星期天....老婆說想煮蘑菇醬麵 於是.......

馬來西亞-薩騎馬?

馬來西亞-薩騎馬?

想事情的時候,喜歡在嘴裡咬東西...餅乾、糖果。 但最近家裡缺糧...沒有補貨。剛好想到前些日子布萊...

地圖故事

地圖故事

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

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