2017-06-16 57 views
1

我遇到了一个固定的菜单标题(在滚动),有一个推出菜单面板的问题。问题:固定内容与推送菜单

  • 当您滚动时,栏显示固定在顶部,这是正确的。但是,当您单击菜单时,面板滑出,但不显示固定在左侧的桅杆头。

我想要做的事:

  • 导航,标题显示滚动后的固定位置。
  • 单击菜单并向下滚动时,菜单保持固定在顶部,菜单面板在左侧弹出;

这里是一个测试页面: http://creativebyhamilton.com/testing/cfc/

让我知道如果你能帮助...

+0

在您的问题中显示代码而不仅仅是指向您网站的链接会很有用。你能提供一个最小化,完整和可验证的例子吗? https://stackoverflow.com/help/mcve - 这就是说,它看起来像scrollTop> = 100的检查从不连接,当菜单是可见的。尝试在js中添加一个断点并在可见时检查scrollTop的值。 – mjw

+0

感谢您的回应,很难根据涉及代码的多个方面的问题创建代码片段。即使面板打开,我也可以验证脚本是否正常工作。如果您查看实时代码,即使面板打开,脚本也会添加该类。 – nate8684

+0

在这个例子中,看起来更像是固定定位的问题。我想知道固定位置元素是否正在读取右侧位置的面板而不是左侧的面板。 – nate8684

回答

0

你表现出的方​​式开发该网站,当您单击导航菜单中导航菜单从右侧弹出,您的网站主体以div包装,id='container'动画向左转换。

我在这里看到的唯一解决方案是从网站的样式表中删除类.pushy-open-right #container

更新:请勿删除类.pushy-open-right .pushy。显然,强大的导航栏不起作用。您必须删除.pushy-open-right #container。 这应该禁用滑出主体容器的身体动画,只是导航栏应滑出。

+0

删除该类将使得推出面板不起作用。你能澄清这个问题吗?有没有办法做到这一点,所以即使打开推式菜单,nav也会粘贴到容器div的顶部? – nate8684

+0

我已经更新了我的答案 –