问题标签 [onscroll]

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 投票
3 回答
5517 浏览

javascript - 在用户使用动画滚动 175px 后缩小固定的 Div

我有一个固定在页面顶部的 div,它包含到网站的导航。它的高度为 175 像素。当您向下滚动页面时,此 DIV 将继续显示。

当用户向下滚动页面 175px 并在向下滚动页面时保持在 90px 时,我希望这个 div 缩小到 90px 的高度。当他们向上滚动到顶部时,我希望 DIV 恢复到原来的 175px 高度。

我希望在这样做时制作动画(最好向上滑动和向下滑动),并且更喜欢使用 CSS3 来这样做......

这是我到目前为止所拥有的一个小提琴,但因为我是一个查询菜鸟,不知道该怎么做...... http://jsfiddle.net/bnsUB/

编辑: 我忘了提到我在这个 DIV 中也有内容,需要在容器向上/向下滑动时调整其填充等。因此,如果这些填充值也可以缩小/增长,那将是一个额外的好处

0 投票
0 回答
328 浏览

android - ScrollView 在达到其边界时停止更新项目

所以我现在面临的问题如下,我想创建一个鱼眼视图(所以一个包含项目的视图,而中间的项目比你在 MAC OS 项目栏或其他地方看到的其他项目更大)。

到目前为止,我已经扩展了 Horizo​​ntalScrollView 来实现这一点,经过一些测试,一切似乎都很好,所以在移动滚动视图时,项目会根据它们的位置正确更新。

但是,如果滚动视图“反弹”其边界,则会出现一个问题。因此,如果 ScrollView 快速移动,“getScrollX()”会给我一个小于 0 或大于最大界限的值。在那之后,项目不再调整大小,这很奇怪。

我检查了我的代码并调用了我的项目的调整大小方法,但我不知道为什么项目不再更新。

ScrollView 类如下所示

不要介意一些未使用的变量,因为一旦视图本身完成滚动,它们将在以后用于实现自动滚动功能(这样当前关闭的项目将始终在放开滚动视图的中间) .

视图需要实际填充“FishEyeItem”,然后用于加载图像和调整内容大小。在我获得需要显示的项目列表后,这些项目会在运行时加载。

FishEyeItem 代码如下。

因此,基本上每次调用 onScrollChanged() 时,都会加载或回收项目的图像(两者都在异步任务中运行,因此它们不会阻塞滚动和 GUI)。如果项目距离滚动视图的中间有一定距离,也将确定项目的大小。

就像我说的那样,总是调用 Resize() 方法(这就是 system.out 存在的原因),但是当“反弹”到边界时,项目不再调整大小。

所以我猜测问题出在Horizo​​ntalScrollView 类本身的某个地方,例如,在“弹跳”边界时设置了某个标志。

编辑:

好吧,我可以通过简单地检查 onscrollchanged() 中的 getScrollX() 并返回该值是否为 <= 0 或该值是否 >= 最大边界来防止项目无法再更新。然而,这仍然不能解释项目在“反弹”边界时不再更新的事实。

0 投票
1 回答
2031 浏览

jquery - 使用 jQuery 触发的多个动画 onScroll 事件

我有一个功能可以在滚动到视图时淡化特定的 DIV。我在这些 DIV 中有一些子元素,我想在每个淡入淡出动画结束时对其进行动画处理。如何在以下函数中添加其他函数?

这是一个jsFiddle 演示,它将帮助您可视化我的概念。动画已经起作用,问题是滑动子元素最初开始,我想做的是在每个 onScroll 淡入淡出开始时连续启动每个滑动功能。提前非常感谢。这将极大地帮助我解决我在 jQuery 上的经历和磨难!

0 投票
2 回答
61 浏览

android - 适配器是否应该拥有它的 listView 将要呈现的数据?

我是安卓新手。

适配器是否应该拥有 listView 将要呈现的数据(项目列表)?(我已经从这里和那里复制/粘贴了代码,并且我的代码在 ListFragment 类中有数据列表,而不是在适配器中)

和 totalItemCount 是项目的总数?

0 投票
2 回答
5283 浏览

android - Android List OnScrollListener如何检测每次新列表项在任一方向可见时

学习如何使用 OnScrollListener 并且我想找到一种方法,当用户在列表视图中向上或向下滚动时,每次新列表项可见时,我可以检测到,如果用户向下滚动,我想为每个计数器增加 1进入屏幕的新单元格,如果它向上滚动,我希望它减少,任何帮助都会有很长的路要走,谢谢。

0 投票
1 回答
1615 浏览

android - 关注列表视图的最后一项

可能重复:
Android ListView setSelection() 似乎不起作用

在滚动列表视图时,当到达列表末尾时,我正在获取其他批次的数据,在获取完成后,我希望在滚动之前关注列表视图的最后一项。setSelection()不管用。谁能建议我更好的选择。

0 投票
2 回答
2224 浏览

android - 防止自定义 ListView 在滚动时刷新。我想停止刷新

我在我的 Android 应用程序中使用自定义 ListView。问题是当我滚动 ListView 时,它会自动清除 EditText(Edittext 作为 list_item)中输入的数据,并刷新 ListView。我想阻止它停止清除 ListView Scroll 上输入的数据。请帮我..

0 投票
1 回答
2800 浏览

dojo - 道场窗口.onscroll

是否有包装 window.onscroll 的 Dojo 方法?

我希望能够捕获页面滚动。我可以捕获鼠标滚轮,但似乎找不到任何关于捕获实际页面滚动的参考。我尝试了很多变化,但事件似乎根本没有发生。

有任何想法吗?

0 投票
0 回答
953 浏览

jquery - 提高 jQuery 滚动视差性能

这个问题都是关于提高滚动视差背景效果的性能,该效果目前表现不稳定。我在所有浏览器中都遇到了很多抖动,尤其是在快速滚动时。

我有一个绝对定位的 div - #img_bg - 它包含一个 1440px x 900px (243kb) 背景,我正在使用以下 Coffeescript 代码为背景设置动画:

如您所见,我一直在使用本文推荐的 setInterval 节流建议:jQuery Parallax / Scroll Events Performance

我还尝试使用各种动画速度在 img_bg 上设置 .animate ,看看它是否“平滑”了滚动。它没有。

至于渲染,当所有重叠的 DOM 元素被移除时,抖动并没有消失。

另外,我注意到将乘数从 0.5 降低到 0.2 左右确实会稍微提高性能,但是,视差的效果会变得毫无用处。

所以,问题是,有没有更多的技术来解决抖动?

0 投票
1 回答
912 浏览

javascript - 有没有办法在没有 jquery 的情况下检测窗口的位置

所以这就是我想要做的,我在页面顶部有一个粘性导航,背景是透明的。但是当用户向下滚动并且内容位于导航下方时,我想更改导航的背景,使其不透明。现在我已经实现了这一点,但我的问题是:当用户滚动回页面顶部时,导航背景是否可能再次变得透明?

例如:用户加载页面,导航是透明的,用户向下滚动,导航背景变为非透明,然后用户滚动回到页面顶部。是否可以让导航背景再次变得透明?我也试图在不使用 jquery 的情况下实现这一点!所以请只用原始的javascript回答!

这是我当前的代码,但是当用户滚动回顶部时,背景保持不透明。