平滑滚动事件滚动条

文章/答案/技术大牛

发布

1回答

使用平滑滚动条插件触发滚动事件的问题

javascript、jquery、plugins、scroll、addeventlistener

我使用的是插件平滑滚动条()。 $('.site_header').removeClass('is--small').addClass('is--large'); }); 我不知道如何将它与

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

1回答

Tkinter画布拖动偏离中心

python、tkinter、scrollbar、draggable、tkinter-canvas

在Tkinter中，有没有办法知道滚动条在画布上滚动了多少像素？我正在编写一个拖放线条的应用程序。但是，每当我尝试拖动一条线时，在我滚动了一定数量之后，该线会自动以滚动之前的行尾所在位置为中心。

浏览 2提问于2020-08-04得票数 0

1回答

Javascript滚动条平滑窗口滚动

javascript、scroll、scrollbar

我希望我的网页有平滑的浏览器滚动通过窗口滚动条。也就是说，如果您将窗口滚动条拖下并停止，我希望网页立即开始滚动，然后减速到停止点。有人知道怎么做吗？

浏览 0提问于2016-10-07得票数 0

回答已采纳

2回答

光滑滚动的nanoScroller.js

javascript、jquery

我使用插件在网站上创建自定义滚动条。这是很好的工作，但如果它可以执行某种放松/顺利滚动是很好的。这个插件似乎没有选择的余地，我想知道还有什么其他的方法可以实现吗？

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

回答已采纳

1回答

来自GTK的重复滚动事件

gtk3、gnome、gdk

我有一个自定义滚动条，它以不同的方式处理平滑滚动事件和非光滑滚动事件，并模拟非光滑滚动事件的平滑滚动。我从文档中了解到，为了平滑滚动事件，GDK将GdkEventScroll::direction设置为GDK_SCROLL_SMOOTH。但是，我注意到当我滚动鼠标中间的按钮(我的鼠标不支持平滑滚动)时，GTK发

浏览 5提问于2020-08-23得票数 1

1回答

是否可以在不替换滚动条的情况下流畅地滚动浏览器内容

javascript、jquery、scroll、scrollbar、smooth-scrolling

是否有可能在不替换滚动条的情况下平滑地滚动浏览器内容-类似于本例中的行为：我检查过的所有插件都有助于平滑鼠标滚轮页面滚动或跳转到链接滚动，但我希望在拖动内置浏览器滚动条时平滑移动

浏览 0提问于2015-11-19得票数 0

1回答

javascript、jquery

我想让一个平滑的滚动到锚，这将被激活，而不是通过点击，但只由一个事件滚动。移动滚动条本身将导致滚动条向下移动到该部分，向上移动滚动条将对第一部分产生相同的返回效果。

浏览 28提问于2019-04-11得票数 2

1回答

滚动到光标点击

javascript、web

我正在尝试使页面平滑滚动，这样鼠标左键点击后光标就垂直地居中。我知道如何使用事件侦听器来捕获单击位置，我只是不确定如何计算滚动偏移量以正确地对光标进行居中，而不管滚动条的大小和位置如何。

浏览 2提问于2018-07-05得票数 2

回答已采纳

1回答

Bootstrap模式弹出窗口的视差/平滑整理和鼠标滚轮滚动问题

twitter-bootstrap-3、bootstrap-modal、parallax、smooth-scrolling

我有问题的视差/平滑整理和鼠标滚轮滚动的Bootstrap模式弹出窗口。当用户单击“了解更多”按钮时，会出现Bootstrap模式弹出窗口。模式弹出窗口具有滚动条。问题是用户无法使用鼠标滚轮滚动，因为该事件被视差/平滑-scolling脚本截获。我不能在这里插入代码，因为代码量太大。此问题可在此上重现。

浏览 0提问于2016-02-29得票数 0

1回答

如何将滚动条与其<div>的左侧位置(可能是React)一起移动

javascript、reactjs、react-hooks、scrollbar、css-position

我有一个水平滑块和很多“卡片”。 transition: 'left 0.5s ease',正如left的值所示，通过更改targetedPlanIndex的值，可以使滑块水平滑动但是，我的客户希望有一个滚动条(你可以在图像中看到它)，以便能够在卡片之间快速滚动。问题是:当我增加targetedPlanIndex时，滑块滚动到左边，但是滚动条始终粘在它的起始位置上。参见下一

浏览 10提问于2022-05-25得票数 1

回答已采纳

3回答

但是，当我创建了一个应该滚动的产品详细信息页面时，它根本不起作用。在某些情况下，我根本不能滚动。在其他一些情况下，滚动的行为类似于橡皮筋效果，它总是将您再次带回顶部。我有一个列表页面(滚动)，当你点击任何列表项，你应该看到一个不同的页面上的产品细节。iscroll在pagebeforeshow事件时触发，正如您在yappo包装器脚本中所看到的那样。内容将被动态加载并附加到滚动条div中。 <!

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

2回答

当水平滚动window.innerWidth的倍数时，为什么我的文本不对齐？

javascript、html、css

据我所知，它的工作原理是对页面进行分栏，然后在列中水平滚动。window.scrollX / window.innerWidth) }正如在您滚动页面时显示的那样

浏览 11提问于2020-02-08得票数 0

1回答

覆盖滚动条样式时的Angular Virtual scroll性能问题

angular、angular-cdk、virtualscroll、angular-cdk-virtual-scroll

我正在使用cdk-virtual-scroll-viewport来应用虚拟滚动。不幸的是，在将样式应用于滚动条之后，滚动不再平滑。本机(右侧)滚动条正在闪烁，但移动起来更平滑。

浏览 48提问于2020-07-09得票数 2

回答已采纳

1回答

如何用鼠标滚轮滚动来线性地动画div？

javascript、jquery、html、css、animation

我能够从右向左滚动div，但是当滚动鼠标wheel.Current代码时，我必须线性地显示div。我的意思是我必须从右到左平稳地展示。

浏览 4提问于2017-11-21得票数 0

回答已采纳

1回答

‘在’`mousemove`‘事件中会出现可怕的简陋滚动。

javascript、html、css、scroll、scrollbar

我有一个自定义滚动条解决方案()。试试看看会发生什么..。这是奇怪的简陋，滚动条和页面滚动将突然在点之间断裂。滚动过程当前处于mousemove处理程序中：如果我注释掉window.scrollTo(...)行，滚动条本身就会非常流畅地移动，并与光标保持一致。m

浏览 0提问于2019-04-03得票数 0

1回答

具有平滑效果的jScrollPane

jquery、scrollbar、smooth

但是我想给我的滚动条添加平滑效果。我怎么能这样做呢？

浏览 1提问于2012-12-18得票数 2

回答已采纳

1回答

如何检测本机滚动条的按钮单击事件？

javascript、jquery、html

我想知道是否能够检测到本机滚动条的左/右或上/下按钮单击事件。我想知道是因为我想给出滚动条的自定义行为，比如只在一些固定的步骤中滚动等等。我使用了滚动函数，但它并没有给出我想要的平滑性：var nextPos=-1;var scrolltarget; $(' .scrollable ul

浏览 0提问于2016-03-09得票数 0

4回答

如何顺利地隐藏滚动条？

javascript、jquery、css、scrollbar、css-transitions

我要把身体滚动条藏好。我尝试过溢出:隐藏在过渡中，但它不起作用。提前谢谢

浏览 7提问于2015-06-17得票数 1

回答已采纳

1回答

Safari上的平滑滚动15.4完全中断滚动

css、safari、smooth-scrolling

然后用一个按钮滚动通过scrollLeft += 50离开的div。工作正常，直到我将scroll-behavior:smooth添加到div的CSS中。然后它就不会在Safari 15.4中滚动。有些人忽略了平滑的滚动，但它不会破坏滚动。在Safari中，它破坏了滚动。我已经为这个错误设置了一个简单的测试页面。我做错了什么？如果这是Safari中的一个bug，那么有什么解决办法的想法吗？

浏览 3提问于2022-04-29得票数 0

2回答