【问题标题】:Fixed content with push menu固定内容与推送菜单
【发布时间】:2017-06-16 15:12:53
【问题描述】:

我遇到了一个问题,即固定菜单标题(滚动时)有一个推出菜单面板。问题:

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

我正在尝试做的事情:

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

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

如果你能帮忙,请告诉我...

【问题讨论】:

  • 在您的问题中显示代码而不仅仅是指向您网站的链接会很有用。您能否提供一个最小、完整和可验证的示例,如此处所示? stackoverflow.com/help/mcve -- 话虽如此,当菜单可见时,您对 scrollTop >=100 的检查似乎永远不会连接。尝试在你的 js 中添加一个断点,并在 scrollTop 可见时检查它的值。
  • 感谢您的回复,基于涉及代码多个方面的问题很难创建代码sn-p。即使面板打开,我也可以验证脚本是否正常工作。如果您查看实时代码,即使面板打开,脚本也会添加该类。
  • 在这个例子中,固定定位的工作方式似乎更多是一个问题。我想知道固定位置元素是否正在读取右侧位置的面板而不是左侧的面板。
  • 没有看到你的菜单是如何定义的,你确定它在调用 $(window) 时总是得到父框架吗?
  • 我认为问题不在于脚本不起作用。目前,该脚本正在将“.scrolled-nav”类添加到导航 div 中,这正是我正在寻找的。但由于某种原因,导航的固定位置并没有像我预期的那样工作 - 停留在“#container”div的顶部

标签: jquery css css-position fixed


【解决方案1】:

您展示的网站是这样开发的.

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

更新:不要删除类.pushy-open-right .pushy。显然,咄咄逼人的导航栏不起作用。你必须删除.pushy-open-right #container。 这应该禁用 body 的主容器的滑出动画,只有导航栏应该滑出。

【讨论】:

  • 删除该类会使推出面板不起作用。你能把这个问题再澄清一点吗?有没有办法让导航贴在容器 div 的顶部,即使在推送菜单打开的情况下也是如此?
猜你喜欢
  • 1970-01-01
  • 2018-08-02
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-05-19
  • 2014-02-03
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多