问题标签 [custom-scrolling]

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 回答
113 浏览

buffer - 对于非常大的滚动 JavaFX 窗格,什么是好的解决方案?

我正在寻找一个即时通讯工具,并给它一个花哨的、现代风格的消息传递窗格(每条消息都默认为一个圆角气泡,由用户自定义)。但是,如果对话变得很长,或者如果用户在历史记录中向后滚动很远,我不希望它占用内存。

是否有现有的(内置或开源的)JavaFX 组件允许将大量内容绘制到缓冲区并仅在需要时才显示在屏幕上,但仍保持传统的滚动桌面 GUI?

0 投票
1 回答
2197 浏览

angularjs - ng-scrollbars 在 ng-view 中不起作用

情况:我正在尝试使用ng-scrollbars,它是Manos Malihutsakis 的 Malihu 的 jQuery 自定义滚动条的包装器。我正在尝试将它与角度一起使用。

问题:如果我不使用ng-view,一切正常并按预期工作。但在里面ng-view,我不能垂直滚动(水平工作!)。

我的代码:

应用程序.js

/partials/agent/list.html

样本数据$scope.agents

在AgentListCtrl.js

版本:dependenciesbower.json 中所述:

同时打开文件jquery.mCustomScrollbar.concat.min.js,状态:

  • jquery 鼠标滚轮插件 == 版本:3.1.13
  • malihu jquery 自定义滚动条插件 == 版本:3.1.1

http://manos.malihu.gr/jquery-custom-content-scroller/

0 投票
1 回答
447 浏览

jquery - 具有变化宽度的容器的自定义滚动条

我有一个宽度变化的 div,因为在它里面我有水平手风琴。我需要为它制作一个自定义滚动条。我尝试了 2 个插件:thisthis,这些都不起作用。也许你们中的一些人有类似的问题?提前致谢!

小提琴

0 投票
1 回答
6709 浏览

javascript - 用于溢出隐藏元素的 scrollTop 和 scrollLeft 可靠吗?

我无意中发现了scrollTop,而且scrollLeft对一个元素起作用时,即使是一个元素overflow: hidden。可以依赖这种行为吗?

假设scrollTop和scrollLeft对于没有滚动条的元素应该为零,并且在这些元素上设置它们应该没有效果。

0 投票
0 回答
447 浏览

ios - 对 UIImageView 使用视差滚动

我希望在 swift 中嵌入 UIScrollView 的图像视图上创建一个简单的视差滚动效果(实际上,我将图像嵌入在一个视图中,而该视图又嵌入在 UIScrollview 中)。这是我正在使用的布局:

页面布局

从上面的截图可以看出,图像比它所分配的 UIImageView 大。当用户向下滚动屏幕时,我希望图像的其他(垂直)部分变得可见,例如在本教程中给出的示例中。然而,本教程使用集合视图来显示可变的图像数组,我不知道如何使其适应我的目的。有谁知道如何做到这一点?

0 投票
1 回答
1621 浏览

android - 在 AppBarLayout 中滚动第二个孩子

我试图获得这种效果,如果用户滚动RecyclerView某个布局与回收器一起向上滚动并消失在Toolbar.

使用 可以获得类似的行为CoordinatorLayout,这可以通过设置

在上述回收站上,并做

另外,如果我将第二个孩子放在AppBarLayout, 并设置app:layout_scrollFlags为它,获得的效果是相同的,两个布局都与 Recycler 一起滚动。

我想要实现的是将第一个孩子(工具栏)固定在适当的位置,并让第二个孩子(a LinearLayout)滚动并隐藏在工具栏后面。不幸的是,我无法理解这种行为。

是否可以不使用第 3 部分库?在此先感谢并为我的英语感到抱歉。

0 投票
0 回答
519 浏览

android - 在签名视图问题中禁用滚动

我正在尝试在滚动视图中添加签名视图,所以当我们在签名视图上启动签名手势时我禁用了滚动视图,它工作正常。但我正在尝试启用父布局 onTouchlistner 的滚动。但由于其他视图,滚动无法正常工作。我尝试了以下链接,但无法解决我的问题。

这是在手势 touchlistner 上禁用 scollview

请帮助我如何解决这个问题。在此先感谢。

0 投票
1 回答
2717 浏览

javascript - 鼠标悬停时JS滚动窗口

当鼠标悬停在特定元素上时,我想向上或向下滚动窗口。

到目前为止,我所拥有的基本上是有效的,但它并不“顺利”。它不停地开始和停止,看起来不太好。您知道如何进行更稳定的平滑滚动吗?

这是我的代码:

.helperDown是鼠标必须在其中开始滚动的区域。fromTop总是在滚动事件后重新计算。

0 投票
2 回答
249 浏览

javascript - 如何在每个窗帘在中间相遇后添加延迟滚动?

我想在每个窗帘在中间相遇后立即暂停大约 20px 的滚动动画。这是我的沙箱:

http://www.meetgeraldine.net/2016website/luke-test/

jQuery:http ://snippi.com/s/vup8pw0

HTML:http ://snippi.com/s/bp5iceg

有没有办法让窗帘暂停大约 20px 的滚动,以便在两个块在中间相遇后窗帘不会立即淡出?

0 投票
1 回答
17 浏览

javascript - 从 Google Analytics 文档重新创建滚动效果

Google Analytics 的文档:https ://developers.google.com/analytics/devguides/collection/analyticsjs/#the_javascript_tracking_snippet

具有奇妙的滚动效果,左侧边栏是页面的固定高度,然后向下滚动时大小增加,然后向下滚动时缩小。

您还可以独立于主要内容滚动此侧边栏...

是否有一个现有的解决方案(甚至是我可以链接在一起的一组解决方案),也许通过 jquery 插件来实现类似的东西?

现在我已经能够实现类似于 MSDN 的东西:https ://msdn.microsoft.com/en-us/library/mt607689.aspx

通过将内容附加到滚动条上(类似于引导程序附加组件),但是此容器的高度超出了浏览器的高度,因此我们必须滚动到底部才能使侧边栏滚动。

谷歌分析页面上的解决方案更加优雅,因为它们是独立滚动的。任何现有的解决方案都会很有用,在我尝试自己构建它之前我想知道是否有一个:)