问题标签 [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.
javascript - 在用户使用动画滚动 175px 后缩小固定的 Div
我有一个固定在页面顶部的 div,它包含到网站的导航。它的高度为 175 像素。当您向下滚动页面时,此 DIV 将继续显示。
当用户向下滚动页面 175px 并在向下滚动页面时保持在 90px 时,我希望这个 div 缩小到 90px 的高度。当他们向上滚动到顶部时,我希望 DIV 恢复到原来的 175px 高度。
我希望在这样做时制作动画(最好向上滑动和向下滑动),并且更喜欢使用 CSS3 来这样做......
这是我到目前为止所拥有的一个小提琴,但因为我是一个查询菜鸟,不知道该怎么做...... http://jsfiddle.net/bnsUB/
编辑: 我忘了提到我在这个 DIV 中也有内容,需要在容器向上/向下滑动时调整其填充等。因此,如果这些填充值也可以缩小/增长,那将是一个额外的好处
android - ScrollView 在达到其边界时停止更新项目
所以我现在面临的问题如下,我想创建一个鱼眼视图(所以一个包含项目的视图,而中间的项目比你在 MAC OS 项目栏或其他地方看到的其他项目更大)。
到目前为止,我已经扩展了 HorizontalScrollView 来实现这一点,经过一些测试,一切似乎都很好,所以在移动滚动视图时,项目会根据它们的位置正确更新。
但是,如果滚动视图“反弹”其边界,则会出现一个问题。因此,如果 ScrollView 快速移动,“getScrollX()”会给我一个小于 0 或大于最大界限的值。在那之后,项目不再调整大小,这很奇怪。
我检查了我的代码并调用了我的项目的调整大小方法,但我不知道为什么项目不再更新。
ScrollView 类如下所示
不要介意一些未使用的变量,因为一旦视图本身完成滚动,它们将在以后用于实现自动滚动功能(这样当前关闭的项目将始终在放开滚动视图的中间) .
视图需要实际填充“FishEyeItem”,然后用于加载图像和调整内容大小。在我获得需要显示的项目列表后,这些项目会在运行时加载。
FishEyeItem 代码如下。
因此,基本上每次调用 onScrollChanged() 时,都会加载或回收项目的图像(两者都在异步任务中运行,因此它们不会阻塞滚动和 GUI)。如果项目距离滚动视图的中间有一定距离,也将确定项目的大小。
就像我说的那样,总是调用 Resize() 方法(这就是 system.out 存在的原因),但是当“反弹”到边界时,项目不再调整大小。
所以我猜测问题出在HorizontalScrollView 类本身的某个地方,例如,在“弹跳”边界时设置了某个标志。
编辑:
好吧,我可以通过简单地检查 onscrollchanged() 中的 getScrollX() 并返回该值是否为 <= 0 或该值是否 >= 最大边界来防止项目无法再更新。然而,这仍然不能解释项目在“反弹”边界时不再更新的事实。
jquery - 使用 jQuery 触发的多个动画 onScroll 事件
我有一个功能可以在滚动到视图时淡化特定的 DIV。我在这些 DIV 中有一些子元素,我想在每个淡入淡出动画结束时对其进行动画处理。如何在以下函数中添加其他函数?
这是一个jsFiddle 演示,它将帮助您可视化我的概念。动画已经起作用,问题是滑动子元素最初开始,我想做的是在每个 onScroll 淡入淡出开始时连续启动每个滑动功能。提前非常感谢。这将极大地帮助我解决我在 jQuery 上的经历和磨难!
android - 适配器是否应该拥有它的 listView 将要呈现的数据?
我是安卓新手。
适配器是否应该拥有 listView 将要呈现的数据(项目列表)?(我已经从这里和那里复制/粘贴了代码,并且我的代码在 ListFragment 类中有数据列表,而不是在适配器中)
和 totalItemCount 是项目的总数?
android - Android List OnScrollListener如何检测每次新列表项在任一方向可见时
学习如何使用 OnScrollListener 并且我想找到一种方法,当用户在列表视图中向上或向下滚动时,每次新列表项可见时,我可以检测到,如果用户向下滚动,我想为每个计数器增加 1进入屏幕的新单元格,如果它向上滚动,我希望它减少,任何帮助都会有很长的路要走,谢谢。
android - 关注列表视图的最后一项
在滚动列表视图时,当到达列表末尾时,我正在获取其他批次的数据,在获取完成后,我希望在滚动之前关注列表视图的最后一项。setSelection()
不管用。谁能建议我更好的选择。
android - 防止自定义 ListView 在滚动时刷新。我想停止刷新
我在我的 Android 应用程序中使用自定义 ListView。问题是当我滚动 ListView 时,它会自动清除 EditText(Edittext 作为 list_item)中输入的数据,并刷新 ListView。我想阻止它停止清除 ListView Scroll 上输入的数据。请帮我..
dojo - 道场窗口.onscroll
是否有包装 window.onscroll 的 Dojo 方法?
我希望能够捕获页面滚动。我可以捕获鼠标滚轮,但似乎找不到任何关于捕获实际页面滚动的参考。我尝试了很多变化,但事件似乎根本没有发生。
有任何想法吗?
jquery - 提高 jQuery 滚动视差性能
这个问题都是关于提高滚动视差背景效果的性能,该效果目前表现不稳定。我在所有浏览器中都遇到了很多抖动,尤其是在快速滚动时。
我有一个绝对定位的 div - #img_bg - 它包含一个 1440px x 900px (243kb) 背景,我正在使用以下 Coffeescript 代码为背景设置动画:
如您所见,我一直在使用本文推荐的 setInterval 节流建议:jQuery Parallax / Scroll Events Performance
我还尝试使用各种动画速度在 img_bg 上设置 .animate ,看看它是否“平滑”了滚动。它没有。
至于渲染,当所有重叠的 DOM 元素被移除时,抖动并没有消失。
另外,我注意到将乘数从 0.5 降低到 0.2 左右确实会稍微提高性能,但是,视差的效果会变得毫无用处。
所以,问题是,有没有更多的技术来解决抖动?
javascript - 有没有办法在没有 jquery 的情况下检测窗口的位置
所以这就是我想要做的,我在页面顶部有一个粘性导航,背景是透明的。但是当用户向下滚动并且内容位于导航下方时,我想更改导航的背景,使其不透明。现在我已经实现了这一点,但我的问题是:当用户滚动回页面顶部时,导航背景是否可能再次变得透明?
例如:用户加载页面,导航是透明的,用户向下滚动,导航背景变为非透明,然后用户滚动回到页面顶部。是否可以让导航背景再次变得透明?我也试图在不使用 jquery 的情况下实现这一点!所以请只用原始的javascript回答!
这是我当前的代码,但是当用户滚动回顶部时,背景保持不透明。