smooth-scrolling 相关问题

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

如何使用 Tailwind CSS 和 React-Scroll 在 React 中突出显示活动导航栏

我想更改活动导航栏链接的文本颜色。我如何使用 React、Tailwind CSS 和 React-Scroll 来做到这一点？我想更改活动导航栏链接的文本颜色。我如何使用 React、Tailwind CSS 和 React-Scroll 来做到这一点？ <ul className="text-lg font-bold"> <li className="transition duration-300 ease-in-out hover:text-blue-500"> <Link to="home" smooth={true} duration={300}> Home </Link> </li> <li className="transition duration-300 ease-in-out hover:text-blue-500"> <Link to="about" smooth={true} duration={300}> About </Link> </li> <li className="transition duration-300 ease-in-out hover:text-blue-500"> <Link to="projects" smooth={true} duration={300}> Projects </Link> </li> <li className="transition duration-300 ease-in-out hover:text-blue-500"> <Link to="contact" smooth={true} duration={300}> Contact </Link> </li> </ul> 要为 <Link> 中的活动 react-scroll 组件设置样式，您可以使用 activeClass 属性，如下所示： <li className="transition duration-300 ease-in-out hover:text-blue-500"> <Link activeClass='text-white' to="contact" smooth={true} duration={300}> Contact </Link> </li> 这会将 text-white 添加到您的活动链接组件。

javascript css reactjs tailwind-css smooth-scrolling

回答 1 投票 0

Lenis 平滑滚动防止下一个链接在路由更改时滚动到页面顶部的默认行为

我正在构建一个 Next 应用程序，我在其中使用 Lenis 实现了平滑滚动。除了使用 nexts 链接元素在页面之间导航时，一切都运行良好。滚动位置

next.js smooth-scrolling

回答 1 投票 0

React smooth scroll throw error saying target Element not found

我正在构建我的单页投资组合网站，其中有几个部分具有全屏高度和自己的组件。从“反应”中导入反应，{useRef，useEffect}；导入 { 元素...

reactjs smooth-scrolling react-scroll

回答 0 投票 0

创建滚动点颤动

如何创建带边框的滚动点这是我的原始代码孩子：SmoothPageIndicator（控制器：控制器，数数：我...

flutter flutter-dependencies smooth-scrolling

回答 1 投票 0

android material design 搜索栏滚动动画

我找不到任何关于带有材料设计动画的搜索栏的文档、示例或示例。谁能引导我如何实施它？提前致谢

android scroll material-design smooth-scrolling searchbar

回答 2 投票 0

具有平滑滚动功能的 Excel365 中的宏问题

在 Office365 中创建 Excel 文件时，包括根据您单击向上或向下箭头增加和减少单元格中的值的宏，当工作表未完全对齐时会出现问题...

excel vba office365 smooth-scrolling

回答 0 投票 0

如何在 nuxt3 应用程序中实现平滑滚动

我是nuxt3的菜鸟，我不知道如何实现平滑滚动。我在 ~/app/ 中添加了一个 route.options.ts 文件并对其进行了测试，但没有成功...... 这是我的 route.options.ts 文件：我...

vue.js nuxt.js smooth-scrolling

回答 1 投票 0

如何为平滑滚动添加缓和效果？

我有这样一个脚本，我想在其中添加一些缓和的元素，使整个滚动效果更平滑一些：$('a[href*="#"]') .not('[href "#"]') .not('[href "#0"]') .click(function(event) { ...

javascript jquery smooth-scrolling

回答 1 投票 0

如何用:hover做出这种滚动效果？

我正在学习HTML & CSS，并尝试创建自己的网站。我想添加一个滚动效果，当你点击一个图片（或文字）时，另一个图片就会出现，并取代其他图片。同样的...

html css scroll hover smooth-scrolling

回答 1 投票 0

scrollintoview在chrome版本中无法工作>=81。行为平滑没有发生

if (document.querySelector(target)) { event.preventDefault(); document.querySelector(target).scrollIntoView({ behavior: 'smooth' }); }上面的scrollIntoView行为smooth没有工作，甚至......。

javascript smooth-scrolling

回答 1 投票 0

在github readme上平滑滚动

我有一个github版本库，里面有readme.md文件。该文件有锚链接，当我点击时，页面立即滚动到锚。我如何才能使之流畅。我也有github页面之一，其中...

github smooth-scrolling

回答 1 投票 -1

锚点滚动功能干扰滚动事件监听器逻辑，使其无法显示 "返回顶部 "按钮。

我在这个页面上用这个方法建立了一个滚动到顶部的按钮。我还写了一个函数，处理基于锚链接的滚动到各部分的问题，这样各部分就能顺利地滚动到 ...

javascript jquery scroll smooth-scrolling anchor-scroll

回答 1 投票 2

无法在 react-scroll scrollToTop 中禁用平滑滚动。

我正在使用react-scroll库来处理我的React应用程序上的滚动。我希望每当一个特定的按钮被点击时就滚动到顶部，但是我不希望它平滑地滚动，这...。