anchor-scroll相关内容

AngularJS 在哈希标记后提出斜线/

我正在尝试将 AngularJS $anchorScroll 与 $location.hash.但是,当我设置哈希值时,AngularJS 会在/之后添加一个正斜杠. 例如网址为:http://localhost:13060/Dashboard.当我不包含 AngularJS 库时,我可以单击链接 #contact,然后转到 http://localhost:13060/Dashboard# ..
发布时间:2021-11-09 04:07:36 其他开发

AngularJS - $anchorScroll 平滑/持续时间

阅读 AngularJS 文档 我还没有弄清楚 $anchorScroll 可以有一个持续时间/缓动选项来平滑滚动到元素. 它只说: $location.hash('bottom');//调用 $anchorScroll()$anchorScroll(); 我不使用jquery,也不想;是否还有一种巧妙而简单的方法来制作或扩展 $anchorScroll 以使滚动更流畅? 解决方案 ..
发布时间:2021-11-09 02:48:45 前端开发

反应滚动|单击导航栏链接时如何滚动到特定的目标组件

我正在使用 React 制作单个滚动页面,并希望导航到页面的特定部分.在 HTML 中,我们使用 href 和锚标记来实现这种交互. 我找到了一个名为 react-scroll 的 React 库,但我不知道如何从 NavBar 组件中的 a 链接链接不同文件夹中的每个组件.我的 NavBar 有多个链接用于滚动到一个部分/组件.任何帮助将不胜感激! import React, { Co ..

Angular4-滚动到锚点

我正在尝试简单滚动到同一页面上的锚点元素.基本上,此人单击“尝试"按钮,然后滚动到ID为“登录"的页面下方区域.目前,它正在使用基本的id="login"& ,但它跳到该部分.理想情况下,我希望它滚动到那里.如果我使用的是Angular4,是否有内置的方法可以做到这一点,或者最简单的方法是什么?谢谢! 整个模板...(组件仍为空) ..
发布时间:2020-07-19 03:07:09 前端开发

单击导航栏链接时如何滚动到特定的目标组件

我有多个组件,其中一个是导航栏中的组件,我有多个应该滚动到每个部分或组件的链接,在纯HTML中,我们使用href和anchor标签.但是在这里我找到了一个名为react-scroll的React库,但是问题是我不知道如何从Navbar组件中的Link链接到不同文件夹中的每个组件.任何帮助将不胜感激. import React, { Component } from "react"; ..
发布时间:2020-05-16 21:47:08 其他开发

使用jQuery平滑滚动

我知道已经有关于在SF上平滑滚动的问题,但是我找不到我想要的东西.我已经使用了经过改进的平滑滚动脚本,但这是该网站上的我想要实现的脚本. http://michaelacevedo.com .当您单击链接时,它会从真正的慢开始,然后快速的动画将您带到所需的部分.确实与其他平滑卷轴不同.任何人都可以帮助实现这种效果并解释代码的功能. 谢谢 解决方案 $('a').click(function ..
发布时间:2019-11-18 09:20:08 前端开发

哈希链接与路由 - `$ anchorScroll`故障排除

注意:我还没有解决这个问题。这篇文章似乎描述了我的问题的解决方案,因为我正在使用 ngRoute 并且我使用的是更新版本的Angular,但我无法使她的解决方案有效: https://stackoverflow.com/a/35028895/6647188 在我的单页应用中: https://kylevassella.github.io/ 我正在尝试将导航按钮链接到不同视图上的哈希链接 ..
发布时间:2019-05-25 22:55:03 JavaScript

自动滚动到鼠标滚轮上的下一个锚点

我的HTML页面上有5个锚点。有没有办法通过单个鼠标滚轮滚动页面自动滚动到下一个锚点(#)?有没有一种方法可以发生,无论主播的名字如何?只适用于下一个定位点。 解决方案 这适用于Chrome,IE,Firefox,Opera和Safari。 b $ b (function(){ var delay = false; $(document).on('mousewheel DOM ..
发布时间:2018-06-13 16:59:17 前端开发

如何安装和使用$ anchorScroll在AngularJS的yOffset财产

我用AngularJS的 $ anchorScroll - 服务。它工作正常。但我有在顶部固定的导航栏和滚动位置的推移始终的X像素为止。 现在在 $ anchorScroll 文件有一个叫做物业 yOffset 。根据文档应该解决我的问题。 我不知道但是如何使用这个yOffset属性,因为这个特定部分没有例子。 我如何使用 yOffset 的-property的 $ anchorScroll ..
发布时间:2016-04-11 20:24:00 JavaScript

AngularJS是把斜杠(/)哈希标签之后

我想使用AngularJS $ anchorScroll 与 $的location.hash 。但是,当我设置散列,AngularJS增加了一个斜线,/后。 例如,URL为:的http://本地主机:13060 /仪表板。当我不包括AngularJS库,我可以点击该链接, #contact ,然后转到的http://本地主机:13060 /仪表板#contact 。 但是,当我有Angular ..
发布时间:2016-04-07 00:00:57 JavaScript

角JS - $ anchorScroll光滑/持续时间

喜读角的js 文档我不知道,如果$ anchorScroll能有一个持续时间/宽松选项平滑滚动到的元素。 它只是说: $的location.hash('自下而上'); //调用$ anchorScroll() $ anchorScroll(); 由于我不使用jQuery和我其实不希望,有一个聪明的,简单的方法,使或延长 $ anchorScroll 滚动更流畅的? 感谢 ..
发布时间:2016-04-06 23:01:51 前端开发