jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 跳到内容大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试创建一个符合特定可访问性标准的网站,具有标签点击.问题是我在屏幕左侧有一个导航菜单,我的用户要求一个“跳到内容”类型的链接,所以他们不必不断地循环遍历多个链接到达内容的位置.

但是,我在我的网络应用程序中使用AngularJS,如果我使用标准的跳过内容功能(例如:http://accessibility.oit.ncsu.edu/training/accessibility-handbook/skip-to-main-content.html),它将无法正常工作.我已经使用了锚(带#)的角度代码.

有没有办法实现这一点?我有一个特定的div标签,我想要选项卡选择.它应该去div中的一个元素.

解决方法

之前我已经使用了 angular-scroll效果.它是轻量级(8.5kB),易于使用,甚至为您照顾滚动动画.它也符合可访问性标准,因为Tab键可以像普通锚标签一样用于导航.

这样实现:

JS

angular
.module('app',['duScroll'])
.controller('MainCtrl',function ($scope,$document) {
  //Controller logic here
}

HTML

<a href="#nav-one" du-smooth-scroll duration="1500">Navigation Link</a>

<!-- further down the page -->

<div id="nav-one">
  Content goes here.
</div>

工作CodePen参考:http://codepen.io/Pangolin-/pen/dPQRZa

快乐狩猎!

大佬总结

以上是大佬教程为你收集整理的jquery – 跳到内容全部内容,希望文章能够帮你解决jquery – 跳到内容所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: