Question

我的客户（网站 - http://www.abclandscaping.com/）希望我在网页向下滚动时将其顶部导航栏设为粘性栏。

使用JS我在滚动发生时将.sticky类添加到导航栏（div = ID =“navbar”）。 .sticky类是这样的：

public ActionResult CheckChangeTEST(int Int_TEST_ID, int Cur_TEST_ID)
{
    if (Int_TEST_ID != Cur_TEST_ID)
    {
        var SelectedTEST = db.TEST_TEST_INFO.Find(Int_TEST_ID);
        SelectedTEST.VI_STATUS = 1;
        SelectedTEST = db.TEST_TEST_INFO.Find(Cur_TEST_ID);
        SelectedTEST.VI_STATUS = 2;
        var result = new { Success = "True", Message = "Some Info" };
        return Json(result, JsonRequestBehavior.AllowGet);
    }
    return null;
}

但是，现在我的导航栏（ID =“navbar”的div）具有固定位置，其宽度不再在父级div中，并且变为整个浏览器窗口的100％宽。我理解为什么会这样，但我无法弄清楚如何解决问题。

我在这个问题上阅读了其他主题，但没有一个解决方案适用于我的案例。

这是我的网站，我遇到了这个问题：http://www.abclandscaping.com/

Answer 1

我并没有真正得到你想要的东西，但是：

如果您希望#navbar的宽度相对于#masthead：

让#masthead获得课程sticky
#navbar和#logo定位为绝对
.sticky #rev_slider_1_1_wrapper, .sticky #subheader { visibility:hidden }

位置固定为父DIV的100％宽度

1 个答案: