当前位置: 首页 > 面试题库 >

AngularJS-$ anchorScroll平滑/持续时间

支嘉祥
2023-03-14
问题内容

阅读AngularJS文档,我还没有弄清楚是否$anchorScroll可以使用持续时间/缓动选项来平滑滚动到元素。

它只说:

$location.hash('bottom');

// call $anchorScroll()
$anchorScroll();

我不使用jQuery,也不想这样做。还有一种聪明而简单的方法$anchorScroll可以使滚动更平滑吗?


问题答案:

遗憾的是,无法使用$anchorScroll。如您所见,$anchorScroll它没有任何选择,因此无法使用$ngAnimate。为了使滚动动画,您需要使用自己的服务/工厂或直接使用JavaScript。

为了进行自学,我将示例与平滑的滚动服务结合在一起。可能有更好的方法来执行此操作,因此鼓励您提供任何反馈。

要滚动到某个元素,请将a附加ng-click="gotoElement(ID)"到任何元素。我认为更好的方法是将该指令作为指令。

这是jsFiddle上的工作示例

更新资料

现在有许多第三方指令可以完成此任务。

  • https://github.com/oblador/angular-scroll。
  • https://github.com/d-oliveros/ngSmoothScroll
  • https://github.com/arnaudbreton/angular-smoothscroll
  • https://gist.github.com/justinmc/d72f38339e0c654437a2


 类似资料:
  • 目标 无明确目标 知识点 学习使用 travis-ci 对项目进行持续集成测试 (https://travis-ci.org/ ) 课程内容 首先来看看这个项目:https://github.com/Ricardo-Li/node-practice-3 (图1) 类似这样的 badges,在很多项目中都可以看到。前者是告诉我们,这个项目的测试目前是通过的;后者是告诉我们,这个测试的行覆盖率是多少。

  • 1 概念 Jenkins可选配置参数相当多。基本可以归为这么几类: 构建触发配置:例如配置gitlab提交代码触发构建,或者每天、每周定时触发构建 构建工具配置:例如配置jdk/maven/gradle等 构建后配置:例如配置发送邮件、自动开jira bug等 Jenkins的外挂工具,都是通过插件机制来解决的,常见插件如下: iOS专用:Xcode integration Android专用:G

  • gitlab-ci.md 官网:https://haomo-tech.com 作者:毫末科技 邮箱:hxg@haomo-studio.com

  • 问题内容: 如何获取格式为2个字符串的持续时间? 我正在尝试使用Calendar类并检查。我与此有关的问题是它不一致。知道我在做什么错吗?每次我运行该程序时,如果没有,输出40-70行到控制台。 问题答案: 那是一个已记录的错误。 尝试在设置日历之前清除日历:

  • 许多记者将显示测试持续时间,以及标记缓慢的测试,如“spec”记者所示: 要调整被认为“慢”的东西,您可以使用以下slow()方法: describe('something slow', function() { this.slow(10000); it('should take long enough for me to go make a sandwich', function() { /

  • 我对Java非常陌生,在仔细阅读文档之后,我发现自己陷入了困境。 我有一个使用JavaFXMediaPlayer播放wav文件的小程序。我的播放器对象有一个currentTimeProperty,我希望在播放期间以分钟:秒为单位显示该属性的输出。 所以我在一个函数的末尾有这样一个函数,它接收我的wav文件并初始化播放器: 然后我有: 这很有效。在wav播放过程中,my以毫秒为单位随当前时间更新。问