如何在水平滚动上添加流畅的滚动效果？

文章/答案/技术大牛

发布

1回答

javascript、html、css、scroll

我刚刚看到了Vlad Danila的答案，但无法再现平滑的滚动效果。有谁可以帮我？下面是我放在一起的示例代码片段： const buttonRight = document.getElementById('slideRight'); const buttonLeft = document.getElementById

浏览 14提问于2020-12-23得票数 3

回答已采纳

2回答

CSS中的水平滚动条

css

我一直在尝试向我的上下文部分添加一个滚动条，它只允许框在查看者屏幕的可见区域内水平滚动，而不是垂直滚动。有没有人知道在一个流畅的css布局设计中，在div中有可滚动内容的代码？此外，这里有一个网站的链接，它有确切的滚动效果，我试图重新创建：

浏览 2提问于2009-01-16得票数 3

回答已采纳

1回答

如何让内容滑入卷轴？

javascript、jquery、wordpress、css、slide

我只是想知道如何让内容块在滚动上水平滑动？这似乎在许多现代主题上相当常见，我希望在的主页上添加这种效果，在这里我们有三个“如何”部分。任何关于如何做到这一点的建议都将不胜感激。

浏览 3提问于2015-03-10得票数 0

回答已采纳

1回答

android-gpuimage -在像instagram这样的水平滚动视图中提供图像过滤器。

android、android-imageview、gpu、gpuimage

作为标题，我正试图开发一个应用程序的图像过滤器，如instagram。我可以使用CPUImage库为照片添加效果，但在水平滚动视图中显示图像过滤器选项有困难。我的想法是创建一组显示不同过滤效果的演示图片，并将它们列在水平滚动视图中。当选择演示图片时，使用CPUImage库添加相应的效果。：这是在水平滚动</e

浏览 2提问于2014-06-11得票数 0

回答已采纳

6回答

在你说这不可能之前，我知道这是可能的。下面是一个例子：主要的问题是iOS冻结了滚动上的DOM操作，所以您必须使用某种技术来克服这个问题。我希望使用的视差插件是stellar.js，但我遇到的问题是该插件的"iOS演示“在桌面上不能真正使用。我今天早上花了3个小时摆弄它，我无法得到一个在iOS和桌面上都能正常工作的设置。我需要一些想法，要么是一种技术，可以将stellar.js配置为在两者上都以相同的方式工作(我不确定这是否

浏览 1提问于2012-06-15得票数 17

2回答

有效地划分UIView的子类

iphone、ios、uiview、subclass、quartz-graphics

伙计们，我在划分UIView的子类时遇到了一些麻烦。我正在创建一个IconView。简单地说，它是其他一些子视图的容器。当我初始化IconView时，我设置了这3个iVar的图像，文本和一些石英效果，如roundCorner和阴影，然后我将它们添加到自我视图。一切正常，但是如果我在一个空的滚动视图中插入一些这个IconView (例如，10)，滚动效果就不会很流畅。我试过在滚动视图

浏览 0提问于2011-10-24得票数 1

回答已采纳

1回答

位置:固定和水平滚动

jquery、css、scroll、position、fixed

我正在尝试实现一种折纸鸟图像的效果，它似乎从一个标志向下延伸，随着观众的滚动而向下延伸。我已经设法使用z轴和固定定位很好地工作了，但是一旦页面被放大或调整大小，效果就会被破坏，导致水平滚动。(您可以通过删除中js的注释标记并将#bird的位置样式更改为绝对样式来查看实际效果)。这就像我所希望的那样--当垂直滚动时，鸟保持固定的位置，但当需要时向左滚动</e

浏览 2提问于2014-01-20得票数 0

1回答

如何使水平方向始终保持其背景颜色，即使沿X轴滚动也是如此？

html、css、layout、scrollbar

我使用一个标题div在我的网站上的每个页面的顶部。。页眉的宽度为100%，这很好用，只要文本没有放大到必须换行和溢出页眉的程度，就会迫使页面添加一个水平滚动条。当滚动时，页眉的背景颜色会丢失，因为文本溢出，并且页眉没有动态地粘贴到页面的100%宽度。。我注意到的一件事是，特别是在Stack Exchange站点(不包括Stack Overflow，因为标题是position: fixed)和Atlassain<em

浏览 16提问于2017-07-01得票数 0

回答已采纳

1回答

将jQuery滑块和页面滚动行为链接在一起

jquery

我正在尝试将一个动态的、水平的jQuery滑块链接在一起，以启用垂直页面滚动，反之亦然，让垂直页面滚动相应地移动滑块。我遇到了几个我不太确定如何解决的问题。首先，当拖动滑块(而不是单击滑块)时，它首先暂停，然后沿与拖动相反的方向移动，然后才开始沿正确的方向移动。这可能来自动画，但我不确定如何保持它的动画，并仍然让它平滑滚动。$('body').animate({ scrollTop

浏览 0提问于2017-08-30得票数 0

1回答

添加第三个UICollectionView后，UIScrollView出现明显的滚动延迟

iphone、uiview、uiscrollview、uicollectionview、lag

我在我的UIScrollView中添加了第三个集合视图，它似乎产生了一些明显的滚动延迟。的水平滚动非常漂亮，只是主UIScrollView在上下滚动时有轻微的滞后。在添加第三个UICollectionView之前根本没有延迟，它使用了一个不同的类作为它的单元格。似乎只有当所有三个集合视图同时出现在屏幕上时才会有延迟。唯一实现的委托方法是scrollViewDid

浏览 2提问于2013-04-13得票数 1

1回答

为每1 1px滚动增加1 1px填充(底部)- jQuery或Javascript

javascript、jquery、css、scroll

我正在设置一个动画，这样当用户滚动时，在10 an之后，菜单就会消失在左边(到目前为止已经很简单了)。我想要它，所以菜单容器显示‘固定’垂直，而它滚动水平向左。我想，如果我创建一个循环，为每个px滚动的容器添加1 px填充底部，这将产生这种效果(我不能使用位置:固定；因为这将阻止水平动画)。我以前从未接触过这样的东西，尽管我意识到我需要某种形式的计数器来创建px值，然后转换成paddingBottom值。我已经设置了

浏览 2提问于2017-03-30得票数 0

回答已采纳

1回答

在滚动上触发动画的完整页面滚动

animation、fullpage.js、eventtrigger

这里有谁知道怎么做的吗？我甚至不会粘贴我的代码，因为这是有史以来最糟糕的。谢谢。

浏览 1提问于2015-07-21得票数 2

回答已采纳

1回答

尝试平滑滚动动画并理解为什么我的文本会瞬间消失

javascript、jquery、html、css、css-animations

我正在开发一个网站，以了解更多关于javascript，css和html的知识。这个网站的草稿在这里：此外，在Chrome上，当我向上滚动时，页面的左侧往往会瞬间消失。下面是我用于滚动<em

浏览 31提问于2019-07-06得票数 2

回答已采纳

1回答

用于RichTextBox上的滚动条和背景的WPF样式

wpf、xaml、styles、richtextbox

为包含滚动条的视觉效果和文本后面空间的背景颜色的RichTextBox创建样式需要什么？

浏览 0提问于2009-11-20得票数 0

回答已采纳

2回答

使用向上滑动，向下滑动下拉菜单的jquery效果

jquery、jquery-animate、drop-down-menu、jquery-slide-effects

我有一个下拉菜单，它可以很好地工作，但我想添加一些jquery效果，如动画，滑动上，下，visibility: hidden; padding-top:0px;top: 42px; } 我们将非常感谢您的帮助

浏览 3提问于2011-11-16得票数 2

回答已采纳

2回答

在AMP中滚动时更改css

scroll、amp-html

根据我在移动加速页面文档中发现的信息，有两个组件可以响应滚动：和。

浏览 2提问于2017-08-27得票数 1

1回答

在全页JS for Elementor中添加水平幻灯片之间的过渡效果

javascript、jquery、css、fullpage.js

我在Elementor中有一个带有水平幻灯片的部分。当您在幻灯片之间滚动时，我想添加模糊效果。有没有简单的方法可以做到这一点？有不同的事件触发器，如"onLeave"，"afterLoad“等，你可以添加自定义代码，所以这可能是一个选项，或者我可以简单地添加一些CSS？如果有人知道我可以添加什么代码，以及在哪里将是一个巨大的帮助，我有点迷失了我

浏览 15提问于2020-07-19得票数 3

2回答

防止在一定宽度后水平滚动

html、css、image

我正在制作一个网站，在顶部有一个大的图像，延伸到页面的最右边。问题是浏览器一直在添加一个水平滚动条来允许用户滚动到该图像的末尾，但我不希望它这样做。有没有什么办法可以让浏览器把图片当成背景图片，或者在940px之后停止滚动？这里有一个页面的例子，这样你就可以更好地理解我的意思。

浏览 2提问于2011-04-06得票数 2

回答已采纳

1回答

Android HorizontalScrollView snap

android、scroll、element、center、horizontalscrollview

因此，我有一个水平滚动视图，我想尝试添加一个抓取效果，这基本上是一个元素的中心。到目前为止，我已经用XML完成了所有这些工作。那么，我如何在LinearLayout快照中创建元素呢？另外，是否有办法使布局从中间元素开始？因此，当你看到滚轮，你可以滚动左或右从一开始。如果能帮忙的话，我会很感激的！谢谢你们！

浏览 2提问于2013-03-24得票数 2

1回答

流畅的滑动和滚动10.7风格

cocoa、osx-lion、swipe、gestures、nsscrollview

我正在寻找添加两个手指“流畅滑动”到我的应用程序。任何在OSX附带的Calendar应用程序中使用过week视图的人都会看到我正在尝试做的事情。我有一个滚动视图，我希望能够使用滑动手势和滚动来移动我的NSScrollView的水平轴上的内容视图，即一天或一周。来自WWDC2011的名为“滚动，滑动，拖动:现在有更多动画”的视频非

浏览 2提问于2013-05-08得票数 0

点击加载更多