为了账号安全,请及时绑定邮箱和手机立即绑定

想要实现网页滚动侦测以及顶端固定导航栏,请问该怎么改?

想要实现网页滚动侦测以及顶端固定导航栏,请问该怎么改?

动漫人物 2023-04-26 19:15:09
截图如下:有以下几个问题:单击右边目录跳转时, 标题所在行被导航栏遮住, 看上去很不美观.(这个问题已解决,标题的css添加padding-top即可,不过还是不够完美,希望有更好的办法)滚动侦测时, 不能侦测到二级目录. 好像是还需要一个js脚本.我把html, css, js代码放在本地测试了一下, 但是一级目录也没有滚动侦测效果了.其中head标签内容为<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条经验 获得超4个赞

滚动侦测时, 不能侦测到二级目录. 好像是还需要一个js脚本.

这个问题的原因是因为你的ID名不符合规范,不能含有点号;

我把html, css, js代码放在本地测试了一下, 但是一级目录也没有滚动侦测效果了.

这个问题的原因是因为jquery-1.7.1.min.js这个文件没有被先加载,你把两个JS的顺序换一下就行了;

查看完整回答
反对 回复 2023-04-29
?
萧十郎

TA贡献1815条经验 获得超12个赞

单击右边目录跳转时, 标题所在行被导航栏遮住, 看上去很不美观.(这个问题已解决,标题的css添加padding-top即可,不过还是不够完美,希望有更好的办法)

padding-top 直接加给 body 而不是标题即可;你应当把页面全体(除了置顶的 navbar 以外)看做一个“容器”,而不是因为看到标题被遮住就以为只是标题出了问题。头疼医头,脚疼医脚的视野和观念是永远也写不出优雅的 CSS 的(同理适用各种语言……)。


查看完整回答
反对 回复 2023-04-29
  • 2 回答
  • 0 关注
  • 79 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信