问题标签 [onepage-scroll]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
886 浏览

javascript - Onepage-scroll:自定义单页分页颜色

Onepage -scroll 插件

在插件附带的 css 文件中,分页已默认设置样式。我想更改背景颜色和边框颜色以匹配我项目中的每个部分/页面。

每个部分都有不同的背景颜色和字体颜色。我试图将分页与每种字体颜色相匹配。

这是我写的代码。它检查插件是否将“active”类添加到“body ul li a”元素,插件自动添加。然后我得到这个元素的'href'并使用它将css'color'值存储在一个变量中。现在我抓取“.onepage-pagination li a:before”元素,它们来自 onepage css 文件。然后我将我自己的 CSS 背景和颜色值添加到所有这些元素中。

问题似乎是当我尝试更改其中一个默认值时插件崩溃。

我哪里做错了?

是否可以在我自己的 css 中使用此数据属性来添加样式?

0 投票
3 回答
834 浏览

scroll - OnePage Scroll 仅用于第一部分?

我想像这样使用 OnePage Scroll:

http://alvarotrigo.com/fullPage/http://schliflo.github.io/OnePageR/

问题是:我只希望第一页像这样滚动。之后它必须滚动正常。我想在第二部分放很多内容。所以它需要正常滚动。我怎么能这样做?

如果我将“溢出:scoll”放在第二部分,它通常会向下滚动但不会向上滚动。

需要帮助,谢谢

0 投票
1 回答
764 浏览

javascript - 滚动部分随机滚动

我需要在不使用插件(如fullPage.js)的情况下编写带有单页滚动部分的网站。所以我刚刚创建了 6 个部分,例如:

我试图滚动浏览 javascript 文档中的各个部分,如下所示:

但它不能正常工作。它只是随机滚动,直到它位于顶部(或底部)然后停止。

0 投票
1 回答
50 浏览

javascript - 针对 iPhone 响应式设计错误的 CSS 解决方法

我为我们的社交俱乐部创建了一个新页面,但遇到了一些问题。这是一个采用单页设计的响应式网站。在介绍部分,只有一个带有简单徽标的背景图像。

现在一切在 android 和大多数 pc 浏览器上看起来都不错,但不知何故 iphone 浏览器显示背景图像缩放。

有人知道解决方法吗?

您可以在http://juku-tbg.de/上自己尝试一下

Chrome 屏幕截图:-> 确定

在此处输入图像描述

Chrome 上的 iPhone 模式:-> 确定

在此处输入图像描述

安卓设备截图:-> OK

在此处输入图像描述

iphone 5s 上的截图:-> NOK

在此处输入图像描述

非常感谢。

0 投票
1 回答
180 浏览

javascript - 关闭和打开链接一页网站的响应菜单?

我在一个带有侧边菜单的响应式网站上工作。现在,当我单击菜单项时,菜单折叠不会转到链接(#home #About)。我想要关闭和打开,

我使用了上面的代码。希望我能得到正确的解决方案。

0 投票
2 回答
2741 浏览

cordova - Ionic 2 中的 $anchorScroll?滚动到具有 ID 的元素

从 Angular 1.x 开始,有什么方法可以在 ionic 2/Angular2 中执行 $anchorScroll 吗?

试图滚动到页面上的元素。我尝试了类似 ng2-page-scroll https://github.com/Nolanus/ng2-page-scroll

不确定我是否做得对,我按照教程进行操作并得到错误:

我认为这不再适用于最新的 ionic 2 版本。只希望有一种更简单的方法,有什么解决方法吗?

0 投票
0 回答
208 浏览

jquery - 调整页面滚动以减少其页面滚动

大家好,我下载了一个引导模板,并修复了导航栏静态顶部。我还减少了每个滚动部分的 padding-top。我遇到了麻烦,因为当我滚动到其他页面滚动时,它会覆盖页面部分的标题文本。我想让我的导航栏更大,但我不能,因为它覆盖了页面滚动。是否有任何解决方案可以减少向下滚动或将其定位在页眉的一个分区中不会被覆盖?这是代码:

0 投票
0 回答
336 浏览

laravel-5 - 重定向到laravel中一页网站的部分不起作用

我在 laravel 的一个网站上工作。电子邮件发送表格位于网站页脚。当我发送图像时,现在它只是将电子邮件保存在数据库中。保存电子邮件后,我想重定向到单页网站的页脚部分,但它没有。有趣的是,当验证被删除时它可以正常工作。这是我的表格:

以下是发帖路线:

这是控制器方法:

公共功能电子邮件(请求 $request){

0 投票
1 回答
406 浏览

css - CSS:在一个页面中根据其 ID 定位一个部分中的一个 DIV

我正在开发一个单页 WordPress 网站,我需要在第一部分 (#home) 上隐藏页面的徽标 (#logo)。整个页面是单页的,所以第一部分不需要标志,实际上它应该只出现在第一个下面的其他部分。

这可以使用CSS来完成吗?

如果是,那么我还想更改第一部分的菜单元素的颜色,并为其他部分设置其他颜色。

0 投票
1 回答
65 浏览

html - 如何将更多部分添加到一页网站

我正在创建一个单页网站,它将有 4 个部分。到目前为止,我只完成了第一部分。但我无法添加更多部分。我想要它,以便我可以向下滚动到下一部分。

这是网站:http ://al-saba.net/