Javascript 如何停止与页脚重叠的固定菜单项
我正在努力解决一些关于固定菜单项的问题。我应该提到的是,我仍然是javascript的初学者。 根据我在这个网站上找到的一些答案,更具体地说,我在某种程度上解决了这个问题。 以下是我正在使用的代码:Javascript 如何停止与页脚重叠的固定菜单项,javascript,menu,footer,fixed,overlapping,Javascript,Menu,Footer,Fixed,Overlapping,我正在努力解决一些关于固定菜单项的问题。我应该提到的是,我仍然是javascript的初学者。 根据我在这个网站上找到的一些答案,更具体地说,我在某种程度上解决了这个问题。 以下是我正在使用的代码: `<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"> </script> <script> function checkOffset() {
`<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"> </script>
<script>
function checkOffset() {
var a=$(document).scrollTop()+window.innerHeight;
var b=$('#footer').offset().top;
if (a<b) {
$('#menuC').css('bottom', '0px');
} else {
$('#menuC').css('bottom', (0+(a-b))+'px');
}
}
$(document).ready(checkOffset);
$(document).scroll(checkOffset);
</script>`
如果sticky.css是整个css文件,则应将每个项目的位置更改为“固定”)
如果有人能帮我解决这个问题,我将不胜感激 我认为您的innerHeight jQuery函数缺少()。例如:var a=$(document.scrollTop()+window.innerHeight()代码>
这就是它无法检测窗口高度的原因。如果在innerHeight之后添加(),菜单不会在页脚处停止,但它会固定位置。
`if(isScrolledTo(sticky)) {
sticky.css('position','fixed');
sticky.css('top','2px');`