smooth-scrolling 相关问题

平滑滚动是一种减少滚动时显示突然跳跃的技术。滚动时,内容将显示为无缝地流入和流出屏幕。许多浏览器附带它,但它也可以由网站实现。

JavaScript平滑滚动冲突

我正在使用非常标准的平滑滚动javascript链接到我的wordpress网站中相同页面上的锚点,并且工作正常。但是,尝试...

回答 2 投票 1

使用Javascript从其他页面平滑滚动

我使用javascript创建了平滑的滚动。我确定可以在页面内滚动。但是,当来自另一个页面时,它将转到#position目录,然后开始动画。它写在代码段中...

回答 1 投票 0

导航链接在特定区域中应处于活动状态

我有一个多页的网站,导航栏上有四个链接。在四个链接中,两个链接重定向到其他新页面。有一部分内容与那些链接相关,位于...

回答 2 投票 0

smoothscroll.js错误事件Google Chrome浏览器

我在306行google chrome中的smoothscroll.js文件中出现错误:[干预]由于目标被视为被动,因此无法阻止被动事件侦听器内的Default。文件...

回答 1 投票 0

使用机车滚动JS的事件和调用

我正在使用机车滚动(https://github.com/locomotivemtl/locomotive-scroll)创建平滑的滚动效果。我正在尝试了解文档中提到的事件和调用(请参见上文...

回答 1 投票 0

如何在角材料主题中进行平滑滚动?

我正在开始一个新项目,并在AngularJS中使用Angular Material。我无法顺利进行滚动工作。我正在使用此平滑滚动库:https://github.com/oblador/angular -...

回答 1 投票 3

与gsap和magicScroll固定部分一起使用平滑滚动

我正在使用带有滚动魔术的gsap在我的项目中制作动画,我试图实现平滑滚动,这对于固定部分非常有用。任何帮助吗?

回答 1 投票 -1

如何在滚动时平滑改变图像尺寸?

我有带有大徽标的标题,我想在滚动超过100像素后将其缩小,这可以正常工作,但不能顺畅,我该如何使其顺畅?我的代码:-$(function(){$(window).scroll(...

回答 2 投票 1

如果允许使用散列链接,则忽略平滑滚动偏移量

我正在尝试使元素之间平滑滚动以正常工作,但是如果启用了哈希链接,则它将开始跳到最上方并忽略offset。我不知道如何解决它。也许有人...

回答 1 投票 0

将垂直滚动方向更改为水平

我正在一个项目上,我想在下面的图像上更改滚动方向,并且还要使该部分的宽度与下面的ID#left,#middle,#right相同...

回答 1 投票 1

[jQuery平滑滚动使带有选项卡的页面跳转被单击

当前正在使用Easy Smooth Scroll Links插件设计Wordpress网站。我还使用带有Tabs小部件的SiteOrigin页面构建器。 “选项卡”小部件会更改地址栏中的URL ...

回答 1 投票 0

使用react-scroll(Link),同时使用react-boostrap Nav.Link吗?

我能够使用react-bootstrap设置响应式导航栏,但是当我尝试通过Nav.Link [[]]使用来自react-scroll的Link时, 由于Nav.Link和Link都是渲染为<a>的组件,因此您不能在Nav.Link内包含Link。 您可以使用Nav.Link上的onSelect属性来添加滚动效果(并从react-scroll中删除该Link)或将Nav.Link as属性设置为div。 import Scroll from 'react-scroll'; // ... <Nav.Link onSelect={() => Scroll.scrollTo('homepage', { smooth: true, offset: -70, duration: 500, })} > </Nav.Link>

回答 1 投票 1

如何在CTRL + F上平滑滚动

当通过CTRL + F查找内容时,该网站会平滑滚动。我想通过jQuery产生类似的效果。我尝试在页脚中添加以下代码,但是它不起作用$(...

回答 1 投票 0

我如何使用JavaScript平滑地滚动网页,而下一个滚动命令不会中断滚动?

此问题是针对在外部鼠标而不是触摸板上使用鼠标滚轮时的问题。我正在开发一个修改鼠标行为的程序。我正在使用window.scrollBy,但是window.scroll或...

回答 1 投票 0

iOS解决方法:在没有CSS属性的情况下平滑滚动滚动行为:平滑吗?

编辑:我找到了一个完美的解决方案! https://codepen.io/chriscoyier/pen/dpBMVP当然,在搜索了多个小时然后最终发布到Stack Overflow之后,我在几分钟后找到了解决方案。我...

回答 1 投票 1

平滑滚动在github页面上不起作用

我在平滑滚动方面有问题,但是只有在使用github页面链接打开网站时...这真的很奇怪,因为如果我使用实时服务器打开它,平滑滚动就可以工作...有人知道吗...] >

回答 1 投票 -1

当在屏幕顶部重新生成图像时,无缝滚动有麻烦

因此,我无法弄清楚为什么在显示屏顶部重新生成图像时无法保持图像的连接和无缝连接。一旦矩形...我都让它们都回到顶部(rect.bottom = 0)。...

回答 1 投票 0

当首页上的内容太短时,平滑锚链接活动元素错误

我在使用平滑锚链接时遇到问题,其中第一部分中的内容很少,而第二部分在视口中可见,活动状态显示给第二锚。这是...

回答 1 投票 0

如何立即滚动到位置?

启用平滑滚动后,如何使用JavaScript将窗口即时滚动到某个位置? :root {滚动行为:平滑;有没有办法忽略此CSS规则?像这样的东西:...

回答 1 投票 0

当主题平滑滚动已存在时,如何获得.click来平滑锚的滚动滚动

我有3个列ID的jQuery,使它们可点击,可导航到页面下方的锚ID。如果我添加CSS平滑滚动`Html {scroll-behavior:smooth}`,则会破坏我主题的平滑效果...

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.