網頁設計新知

首頁
網頁設計新知
網頁設計教學

01 2018.12

瀏覽器滾動到指定位置時固定DIV

文章日期：2018-12-01 文章分享：vip 瀏覽人數：8,447

字體大小：

大中小

如果單純設定 position : fixed ，DIV 會在捲軸開始滾動時就啟動固定元素，但想要瀏覽到指定位置時才啟用該怎麼辦呢？只要兩步驟教你輕鬆解決！

STEP1

前加入下面這段 javascript 。

STEP2

把所需固定的元素外面包 id = " getFixed " ，還可以使用CSS稍作調整即可完成。

所需固定的元素

文章標籤

HTML教學
網頁設計教學
網頁設計
台北網頁設計
台北網站設計
CSS3
CSS

文章分類

最新文章 5
網頁設計教學 21
網頁資訊與新知 59
網頁實用工具 35
網頁趨勢與資訊 41
網路行銷 5
網路產業相關 22
RWD網站成功案例 3

文章年份

2024 11
2023 8
2022 5
2021 6
2020 7
2019 5
2018 15
2017 20
2016 33
2015 32
2014 44

文章分類及檢索

相關熱門文章

認識CSS3的新單位vh、vw

我們常在寬高設定單位上會使用百分比（%）和像素(px），而今天我們就來學習CSS3好用的新單位vh、vm，現在先來比較一下這幾個單位功能上有什麼不同的效果吧！...

瀏覽人數:26,775

用CSS解決列印時出現超連結

前陣子有客人提出說為什麼網站上部分網頁在列印時會顯示出超連結，仔細研究了一下，的確只要有設定超連結 a 標籤的，就會把 href 屬性裡的連結顯示在文字之後...

瀏覽人數:7,384

【CSS教學】- Font Awesome 一行語法，輕鬆在網頁加入ICON圖示

以往在網頁製作的時候，有時候要考慮到美編的內容，所以會在網頁中加入一些小ICON的圖示，一方面最主要用來增加網站的美觀；另外一方面則是用來讓瀏覽者好辨識該按鈕的內容，也就是我們俗稱的UI（User Interface - 使用者介面）....

瀏覽人數:64,721

【網頁設計教學】透過Google Chart API產生QR Code

QR-Code是二維條碼的一種，1994年由日本Denso-Wave公司發明。QR來自英文「Quick Response」的縮寫，即快速反應的意思，源自發明者希望QR碼可讓其內容快速被解碼[1]。QR碼最常見於日本，並為目前日本最流行的二維空間條碼。QR碼比普通條碼可儲存更多資料，亦無需像普通條碼般在掃描時需直線....

瀏覽人數:12,782