首頁猿問想要實現(xiàn)網(wǎng)頁滾動偵測以及頂端固定導(dǎo)...

想要實現(xiàn)網(wǎng)頁滾動偵測以及頂端固定導(dǎo)航欄，請問該怎么改？

JavaScript

動漫人物 2023-04-26 19:15:09

截圖如下：有以下幾個問題:單擊右邊目錄跳轉(zhuǎn)時, 標題所在行被導(dǎo)航欄遮住, 看上去很不美觀.（這個問題已解決，標題的css添加padding-top即可，不過還是不夠完美，希望有更好的辦法）滾動偵測時, 不能偵測到二級目錄. 好像是還需要一個js腳本.我把html, css, js代碼放在本地測試了一下, 但是一級目錄也沒有滾動偵測效果了.其中head標簽內(nèi)容為<head><link rel="Stylesheet" type="text/css" href="../style.css"><title>shell腳本</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><script src="http://twitter.github.com/bootstrap/assets/js/bootstrap-scrollspy.js" type="text/javascript"></script><script src="../js/jquery-1.7.1.min.js" type="text/javascript"></script></head>

查看完整描述

2 回答

繁華開滿天機

TA貢獻1816條經(jīng)驗獲得超4個贊

滾動偵測時, 不能偵測到二級目錄. 好像是還需要一個js腳本.

這個問題的原因是因為你的ID名不符合規(guī)范，不能含有點號；

我把html, css, js代碼放在本地測試了一下, 但是一級目錄也沒有滾動偵測效果了.

這個問題的原因是因為jquery-1.7.1.min.js這個文件沒有被先加載，你把兩個JS的順序換一下就行了；

反對回復(fù) 2023-04-29

蕭十郎

TA貢獻1815條經(jīng)驗獲得超13個贊

單擊右邊目錄跳轉(zhuǎn)時, 標題所在行被導(dǎo)航欄遮住, 看上去很不美觀.（這個問題已解決，標題的css添加padding-top即可，不過還是不夠完美，希望有更好的辦法）

padding-top 直接加給 body 而不是標題即可；你應(yīng)當把頁面全體（除了置頂?shù)?navbar 以外）看做一個“容器”，而不是因為看到標題被遮住就以為只是標題出了問題。頭疼醫(yī)頭，腳疼醫(yī)腳的視野和觀念是永遠也寫不出優(yōu)雅的 CSS 的（同理適用各種語言……）。

反對回復(fù) 2023-04-29