Question

我有这个代码，我想在窗口向下滚动一定量时将导航栏放在浏览器窗口的顶部。

 $(document).ready(function(){

   $(window).scroll(function (){
     if($(this).scrollTop()>300)
      {
       $("#main_nav").css("position","fixed", "top", "0", "left", "initial");
      }
  });        
 });

但在窗口滚动时，导航栏垂直保持在同一位置（顶部！= 0）并水平移动到浏览器窗口的开头（左侧= 0）。任何人都可以告诉我代码有什么问题吗？

Answer 1

您需要将所有css属性作为JS对象传递。使用此行：

$("#main_nav").css({"position":"fixed", "top": "0", "left": "initial"});

当您只需要设置一个属性值时，可以不使用JS对象。

$("#main_nav").css("position","fixed");
$("#main_nav").css("top", "0");
$("#main_nav").css("left", "initial");

或

$("#main_nav").css("position","fixed").css("top", "0").css("left", "initial");

固定定位不起作用

1 个答案: