问题标签 [scroll-position]

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 投票
1 回答
157 浏览

jquery - 根据滚动位置淡化 jQuery 徽标

我正在尝试使用 jQuery(新手)完成一项任务,除了一步之外,我几乎已经弄清楚了所有事情。我有一个在页面向下滚动 250 像素后淡出的徽标。我还有一个顶部导航,它可以向下滑动并将徽标向下推。如果它在页面下方超过 250 像素,则徽标的不透明度会重新出现,然后在关闭导航时消失。这一切都正常工作。

我的问题是当我在页面的前 250 像素内时。当我打开和关闭导航时,徽标在关闭导航时完全消失。我希望它根据页面前 250 像素的滚动位置返回到不透明度。

示例(必须在大于 768 像素的浏览器中查看):http ://staging.michalekbrothersracing.com/

这是我正在使用的代码:

我相信我的“其他”声明是搞砸了。我很难弄清楚如何根据切换导航时滚动位置的位置开始添加规则。

任何建议或提示将不胜感激。非常感谢您的宝贵时间!

0 投票
1 回答
163 浏览

jquery - 根据当前可见的页面部分更改固定元素的类(jQuery)

各位开发者您好!

我对网络进行了一次大扫描,包括 StackOverflow,但似乎找不到任何记录我想要的东西,也找不到任何与我想要的东西相近的东西。

我正在构建一个带有固定导航栏的网站,但是导航栏实际上并没有背景颜色(透明)。在导航栏中,有两个可见的元素;

  • 客户的标志;我使用自定义字体创建了它,因此我实际上能够使用 css 和通过 JS 应用的类来控制所有格式。

  • 菜单切换按钮;这也是基于元素的,我可以完全控制通过 JS 应用的 css 和类。

页面结构是<section>基础的,每个部分要么是“灰白色”,要么是“黑色”。

例如<section class="dark">...</section>将有黑色背景(dur)。


问题

菜单按钮和客户端徽标也是黑色的,所以我需要一种方法来跟踪当前可见/滚动部分的类是什么(“暗”或“亮”),然后通过 JS 将一个类应用于导航。

因此,如果当前部分具有“light”类,则菜单按钮和徽标为黑色,如果当前部分具有“dark”类,则菜单按钮和徽标变为白色。


我完全了解可用的插件,例如具有部分间谍功能的“scrollorama”,但我真的只需要利用一小部分功能,因此编写自定义函数会更有效率。也欢迎提出建议。

0 投票
2 回答
7425 浏览

javascript - 调整窗口大小时更新滚动位置

我目前正在使用平滑滚动和 ID/锚标记的组合来滚动到我网站上的内容。下面的代码获取 DOM 中下一个“部分”的 ID,并将其 ID 添加为“查看下一个部分”href,因此一旦单击它,它将滚动到该 div 的顶部。然后,它会迭代,每次都用下一个 ID 更新 href 等,直到看到最后一个部分并滚动回顶部。很简单。

唯一的问题是“部分”是全屏图像,因此当它滚动到下一部分的顶部时,如果您调整浏览器的大小,该部分的顶部位置(我们滚动到的位置)已经移动,并且意味着位置丢失了。

我创建了一个 JSFiddle。单击箭头访问下一部分然后调整窗口大小后,您可以看到这种情况发生:http: //jsfiddle.net/WFQ9t/3/

我希望始终保持此顶部位置固定,因此即使您调整浏览器大小,滚动位置也会更新以反映这一点。

在此先感谢,

0 投票
2 回答
1033 浏览

java - Android:更改屏幕方向/应用程序关闭后如何恢复 textview 滚动位置?

我正在开发一个应用程序,当用户更改屏幕方向以及用户退出应用程序时,该应用程序需要保存和恢复 textview 滚动位置,由于文本块非常长,我正在使用多个 textViews(8-10)。我从这里的一些答案中得到了帮助,但它们似乎不起作用,请建议一种更好的方法来在活动中包含非常大的文本块。代码如下:

提前致谢,

第1章.xml:

第1章.java:

0 投票
1 回答
917 浏览

javascript - 离滚动位置最近的JS

我的页面中有一个列表(#js-list-scroll),列表中的一些项目(li)有一个类'itemPage',我想要实现的是当用户滚动时,我想找到最近的' itemPage' 到滚动位置。
像这样的东西:

优素福

0 投票
1 回答
5568 浏览

jquery - 仅当窗口滚动位置等于 0 时才运行 jquery 代码

我正在尝试使用 If 语句编写一个仅在窗口的滚动位置为 0 时才有效的代码。一旦有人滚动页面,代码就不应该再工作了。

当 mouseenter 我的 div .slideshow_2 时,页面应该从 75px 滚动,当 mouseleave 时,从 75px 向后滚动......但前提是我的窗口滚动位置为零。

我很难定义窗口滚动位置,检查它是否为 0,以及我的 if 条件。

这是我的代码:

我的条件是: if ($(window).scrollTop() == 0), 我想这是为了检查页面是否还没有滚动,但是我做错了什么......

这是一个jsfiddle:http: //jsfiddle.net/uynrhr1c/

有人可以帮我吗?

多谢

0 投票
1 回答
418 浏览

android - 如何在 android API 8 中将 Listview ScrollBar 设置为左​​侧?

我需要在 android api 8 中使用左侧 Scroolbar,下面的代码在上层 API 中工作:

但不适用于 API 8

如何解决?

0 投票
1 回答
4982 浏览

javascript - 加载新页面时如何在 MVC 4 中设置滚动位置

在我的 MVC 4 Webapp 中,其中一个视图是列出房屋对象,并且在每个对象的右侧,用户都可以更改语言。假设您在页面中间阅读一个对象并决定要更改语言。然后加载一个看起来完全相同的新页面,但现在使用另一种语言的文本。问题是新页面从头开始(当然因为它是一个新页面),我希望新加载的页面与前一个页面具有相同的滚动位置。

为了更好地了解您可以访问该网站http://www.lomahovi.com,然后单击 Accomodations。在那里,您将看到每个对象的链接,您可以在其中在英语和俄语之间切换。

因此,如果客户正在查看一个英语对象,并决定他/她想要切换到俄语,我不希望页面从头开始,而是应该与它在相同的对象/位置上英文,这样客户就不必再向下滚动页面来找到对象了。

任何帮助表示赞赏。谢谢,

彼得

0 投票
1 回答
312 浏览

c# - Scroll Viewer 垂直滚动位置

我在设置 Scroll Viewer 垂直滚动位置(C#,Windows Store App)时遇到问题。

我有一个 FlipView,其中包含 2 到 5 个项目。项目是我自己的用户控件 - 滚动查看器中的网格。当当前选定的 FlipView 项目滚动位置已更改时,我需要将滚动位置更改为所有 FlipView 项目。

在我的用户控件中,我使用事件:

在我的页面中,我使用方法:

问题是:

例如,我在 FlipView 中有 5 个项目。

当 FlipView 选择索引为:

0 然后它将滚动位置更改为具有索引的项目:1 和 2;

1 然后它将滚动位置更改为索引为:0 和 2 的项目;

2 然后它将滚动位置更改为索引为:0、1 和 3 的项目;

3 然后它将滚动位置更改为索引为:2 和 4 的项目;

4 然后它将滚动位置更改为具有索引的项目:3;

我不知道,为什么会这样。有人能帮忙吗?

0 投票
1 回答
1013 浏览

android - 如何在 recyclerview 中显示特定项目添加/删除位置

我已经RecyclerView在工作室中实现了这个概念,并且正在努力添加诸如添加和删除项目之类的方法RecyclerView,它工作正常。

我的问题:当我按下Button它添加的添加但作为用户不知道它实际添加的位置时,在我的代码中我将位置 1 设为静态并滚动到底部并单击添加按钮意味着无法知道它是否被添加一次我滚动到顶部只有它的已知。所以为此我们可以在添加/删除过程中将滚动位置移动到特定的项目添加位置。谢谢。