smooth-scrolling 相关问题

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

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

我有带有大徽标的标题,我想在滚动超过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

平滑滚动到另一个页面锚点

我在主页上有计划部分,当我单击计划时(在顶部导航栏中),我还有其他页面,它可以平滑地在主页上完美滚动,但在其他单独的页面上则无效! ...

回答 1 投票 0

如何平滑水平列表视图的滚动?

我有这个水平的列表视图。但很难水平滚动。我该怎么办?这是水平listview的代码?我应该做些什么来使我的列表视图更平滑吗?公共类...

回答 1 投票 0

Android-ScrollView插入

我有一个ScrollView,它正在工作,我能够到达底部并回到顶部。问题在于,当用户从屏幕上移开手指时,滚动会立即停止。是...

回答 3 投票 0

如何顺利滚动到纯JavaScript元素

我想顺利滚动到一个元素,而无需使用jQuery的 - 只是纯粹的JavaScript。我想一个通用的功能,能够既向下滚动并顺利向上滚动的特定位置...

回答 3 投票 9

Parallax JS与Firefox,IE和Safari中的内容无法正常工作

我在我的新网站上使用parallax js(http://pixelcog.github.io/parallax.js/)。在五个地方,我使用这个,没有任何内容只有视差图像,它工作得非常好......

回答 2 投票 0

SmoothScroll导航无法与bootstrap 4一起使用

我一直在使用bootstrap 4。看到多个explonations为什么smoothscroll应该工作,但我仍然没有找到它!也许有人可以解释为什么它对我不起作用?要么 ...

回答 2 投票 2

链接到html时,jQuery代码不起作用

我一直在使用jquery来处理Codepen中的一些基本平滑滚动函数,除了codepen中的navbar-shrink转换外,一切似乎都有效。所以我决定尝试...

回答 2 投票 1

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