如何在Vue3中平滑滚动javascript scrollLeft？

文章/答案/技术大牛

发布

1回答

javascript、vue.js、vuejs3

我正在为一些图像建立一个水平滚动菜单。导航必须使用箭头按钮： <template> <div class="arrow left" @click="scrollLeft2个图像，以允许向右/向左滚动以显示第三个图像。问题是滚动并不流畅。我尝试过设置： html: {scroll-behaviour: smooth} 或者使用

浏览 315提问于2021-11-18得票数 0

3回答

如何在Chrome中禁用平滑滚动

javascript、google-chrome、scroll

我正在创建一个web应用(主要关注Chrome的使用情况)，但Chrome的“平滑滚动”(我猜它就是这么叫的，就像在IOS上那样的“额外”滚动)(在mac上)会妨碍我。有没有办法通过javascript禁用它？

浏览 3提问于2012-10-05得票数 5

1回答

添加缓动/平滑滚动，以便使用js进行单击和拖动

javascript、scroll、drag、horizontal-scrolling

我发现了一个简单的Codepen，它允许我拖动和滚动一个带有图像的图库。它工作得很好，但我需要一种方法来添加“平滑抓取/滚动”到这个功能。基本上，我想要在iPhone上模拟滚动。const slider = document.querySelector('.items');let startX;

浏览 0提问于2019-11-23得票数 1

1回答

在状态栏上使用不带链接的平滑滚动

javascript、jquery、html、smooth-scrolling、anchor-scroll

当我使用“平滑滚动”转到另一个锚点时，#name_of_the_anchor链接出现在状态栏上。$(document).ready(function(){ e.preventDefaulttarget = thi

浏览 2提问于2015-10-19得票数 1

2回答

我有一个滑块，我想在点击箭头后实现一个平滑的滚动。下面是单击箭头后调用的代码。为了实现平滑滚动，我使用了setInterval。每隔10毫秒，我就迭代一次scrollLeft，直到它到达(scroll/ 10)或容器的末尾。问题是，例如，如果scroll变量是795，它应该迭代79.5，但scrollLeft属性总是去掉小数，只迭代79，因此永远不会满足条件。= document.querySelector('#jackpots');

浏览 25提问于2020-10-27得票数 0

回答已采纳

1回答

水平滚动功能的滚动动画

javascript、html、css

目前，我正在尝试修改朋友给我的代码，通过单击div两侧的一个按钮，可以增加或减少div内的滚动距离。the_scroller = this.closest(".scroller-gutter"); }我真正想要做的就是在某个地方添加{behavior: "smooth"}，以减少onClick动画的起伏，模仿

浏览 0提问于2018-10-31得票数 4

回答已采纳

1回答

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

javascript、jquery、html

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

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

1回答

水平滚动以跟随垂直滚动位置，反之亦然

javascript、jquery、html、scroll

但是水平滚动根本不起作用。$(document).scroll(function() {}); 此外，似乎Chrome新的平滑滚动功能使其无法使用鼠标滚轮滚动(它在Opera35的阶梯滚动中</

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

1回答

角度4在div内平滑滚动

javascript、angular、scroll

当在单击事件的div中滚动时，我试图创建一个平滑的滚动效果。我让它工作了，但是我不能正确地配置它。} const el = this.parentEl[0]; const endPosition = e

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

4回答

水平滚动

javascript、jquery、html、css

每个部分都是全屏的，我已经为每个部分设置了一个锚，以便使用链接导航，但是我尝试了所有的方法来获得一个javascript来实现水平平滑的滚动，但是我做不到。

浏览 6提问于2015-12-07得票数 0

回答已采纳

2回答

平滑滚动，没有锚，只有jQuery

javascript、jquery、smooth-scrolling

我有一个jQuery脚本，允许我水平滚动，但它是一个生锈的旧滚动，我想使它平滑，而不改变整个代码。我想用this.scrollLeft -= (delta * 90);修改.animate，但我是jQuery的初学者。document).ready(function() { this.scrollLeft

浏览 5提问于2013-09-23得票数 1

回答已采纳

1回答

使柔滑的选框在多个区域上停止/开始鼠标悬停/滑出

jquery、mouseover、marquee

我在我的页面上使用了平滑的选框，到目前为止它工作得很好，但我需要再添加一点:当我在滚动条上悬停时停止选框的能力，当不在滚动条上悬停时重新启动的能力。 }).mousemove(function (event) { this.scrollLeftfunction (event) { $(this).

浏览 3提问于2012-02-17得票数 0

回答已采纳

1回答

JAVASCRIPT scrollLeft可以平滑滚动而不是跳转

javascript、jquery、html、css

我试图强迫一个div a必须水平滚动，但我需要它滚动顺利，而不是只是跳到我需要它去的地方。<html/> function scroll() { document.getElementById('scrl-bar').scrollLeft

浏览 17提问于2017-08-11得票数 1

回答已采纳

2回答

如何让jQuery平滑滚动到不断变化的位置？

jquery、slider、jquery-animate

我已经让它工作了，但是我不知道如何让它在位置之间平滑地滑动；如果我只是使用一个jQuery .animate()，那么它就会随机地来回移动，大概是想追赶排队的X位置。如何在滑块上的点之间平滑滑动？relX - sidePadding) / ($(this).width() + sidePadding)) * ($(this).prop('scrollWidth')); $(this).scrollLeft

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

回答已采纳

1回答

设置不带JavaScript的scrollTop和scrollLeft

javascript、css、scrolltop

我有一个关于scrollTop和scrollLeft属性的问题。我想在不使用JavaScript (jQuery)的情况下在我的div中设置这些属性。这个是可能的吗？我的问题是，我有一个解释HTML代码的程序，当程序解释代码时，我滚动的div的值为零。程序无法读取scrollTop或scrollLeft值。存在一个HTML标记，如： <div scrollLeft="300" scrollTop="200"><&

浏览 0提问于2013-01-03得票数 22

回答已采纳

1回答

在javascript中实现固定位置会导致Safari中滚动时的抖动

javascript、jquery、safari、scroll

无论如何，我尝试使用绝对定位，然后在javascript中调整"top“。它在firefox和Chrome中运行得很好，但在Safari中，当你滚动时，内容会抖动。

浏览 0提问于2013-05-14得票数 5

1回答

使用javascript上下滚动iframe

jquery、iframe、key

是否可以使用键或javascript从父窗口滚动iframe窗口？iframe内容来自另一个域，与父窗口不同。

浏览 1提问于2009-11-01得票数 10

回答已采纳

2回答

jquery: scrollLeft动画

jquery、jquery-selectors

我有一个水平布局，并希望使用scrollLeft()函数(该函数与此代码完美配合)。currentElement.next();}); $(window).scrollLeft(element.position().left);但理想情况下，我希望将其动画化，这样当单击#next时，向左滚动功能会有一个很好的动画效果 $("#next").click(function(curre

浏览 1提问于2011-07-29得票数 58

回答已采纳

1回答

有没有办法防止javascript在页面上添加“平滑”滚动功能？

javascript、smooth-scrolling

对我来说，平滑滚动总是感觉非常慢和迟缓(我希望一切都很快)，但谢天谢地，它已经可以在浏览器设置中禁用。然而，我注意到越来越多的网页正在使用javascript来强制平滑滚动，而不管我的设置(如和)，完全打破了我的浏览体验。所以我的问题是:有没有办法阻止页面使用javascript来强制平滑滚动？

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

4回答

Javascript平滑滚动iPad

javascript、ipad、safari

我使用这个代码，滚动溢出div (隐藏)在ipad中，工程预期它不平滑，有什么方法我可以让它平滑滚动？- touches.pageX; mobileScrollArea.scrollLeft= mobileScrollArea.scrollLeft + touchMovedX;代码来源：

浏览 0提问于2012-03-25得票数 5

点击加载更多