问题标签 [onepage-scroll]

我正在这个网站（HTML5、CSS3 和 JS）上工作，它有 2 个具有 CSS 的 div（页眉和页脚）position: fixed，并且有一个中心 divposition:absolute包含并包含内容。

我想做的是在这个具有绝对定位的中心 div 中实现滚动捕捉。但由于某种原因，我无法做到这一点。这是我正在尝试使用的 jquery 插件：https ://github.com/peachananr/onepage-scroll

你们能帮帮我吗？

这是我尝试设置的 JSFiddle：https ://jsfiddle.net/icyyd/dswsg96d/

我创建了一个页面网站，一旦页面滚动，标题就固定在顶部。我面临的问题是，一旦我们从菜单中单击“服务”部分，页面的某些部分就会隐藏在菜单下方。

我尝试在该部分添加填充，但结果仍然相同。

网址：这里

抱歉，该网站是托管的，请检查托管链接中的代码。这只是一个静态网站。

我目前在我的网站上使用 onepage-scroll.js ( https://github.com/peachananr/onepage-scroll ) 插件来滚动主页。当滚动过第一个“幻灯片”时，我还想在我的标题中添加一个类（粘性）来更改一些 CSS。我已经尝试了下面的代码，但我似乎无法让它工作，而且我对如何使这个解决方案工作有点不知所措。

这可能是一个愚蠢的问题，但我已经尝试了几件事，但似乎无法让它发挥作用。我希望简单地向我当前的导航添加硬/外部链接，该导航基于 this.hash （目前它是一个单页网站）。代码如下：

需要更改/添加什么以使此代码接受外部链接而不仅仅是哈希链接？谢谢！

我目前正在使用 onepage-scroll 插件来创建一种幻灯片 / onepager。但是在页面中，我也有一部分内容，我希望访问者能够滚动（因为 div 溢出屏幕）。

是否可以将其与 onepage-scroll 插件结合使用？现在，当您尝试滚动 div 时，您将移动到下一个“幻灯片”

示例：https ://imrafaelhi.nl/

All of my nav menu links scroll to different sections of my one page site. The menu works fine but every time I click on a menu link the section id gets added to the URL. The issue I'm having is that when I click on the browser's back button it takes me back to the previous section of the same page.

I want the back button to take me to the previous page/website I was on instead of going back to sections of the same page I'm already in (which is very annoying). I'm using this purecss.io menu template as the base https://purecss.io/layouts/side-menu/
See code below.

Any help will be appreciated. Thanks.

所以我有一个两页的网站。主页有一个单页导航，即当单击“ about ”时，它会向下滚动到“ about ”div。

第 1 部分 - 在 index.html 上

• 但是，当单击“博客”导航项时，它应该转到 blog.html。在.header-nav我有以下<li><a href="blog.html">Blog</a></li>但不工作。在浏览器中，它显示链接被定向到 blog.html 但没有去。

第 2 部分 - 在 Blog.html 上

• 在，blog.html我已经从 index.html复制了.header-nav代码-但是当我单击“关于”时，它应该转到主页并向下滚动到 about div-它不是！ 即使代码在 index.html 页面中运行。任何想法将不胜感激！

索引.html

博客.html

JavaScript

完整的 index.html

我在“一页”网站上使用了这种类型的菜单：

并使用此代码，我成功地在页面滚动上拥有活动菜单项。当我向下滚动到下一个锚点时，我看到我的菜单项将其状态更改为活动。这是我成功使用的代码：

但我最近将我的菜单类型更改为这个：

现在我使用的脚本不起作用。我想现在代码必须在“a”标签上搜索菜单“id”，但将类添加到菜单项的“li”标签。这就是区别。但是我该怎么做呢？

我想在一页 wordpress 网站的相关部分保持菜单状态处于活动状态。目前我有这个代码并使用活动但不保留：

这是标题：

这是脚本，但不起作用。我丢失了这项工作的原始脚本

$(document).ready(function () { $(document).on("scroll", onScroll);

我需要建立一个单页网站，有 3 个这样的 div：

3 个 div 具有自动高度，左右一个具有固定宽度。中间一个包含动态数据，我希望它在需要时有一个滚动条。

问题是因为我在 3 个 div 上是自动高度，所以当我将数据添加到中间的一个时，其他 div 会改变大小。我试图在不使用 Javascript 的情况下找到解决方案。