编程语言
首页 > 编程语言> > javascript-jQuery scrollTop并专注于元素

javascript-jQuery scrollTop并专注于元素

作者:互联网

我有以下scrollTop函数:

<a onclick="jQuery('html,body').animate({scrollTop:0},'slow');return false;" class="well well-sm" href="#">
                    <i class="uxf-icon uxf-up-open-large"></i><span class="sr-only">${message:backToTop}</span></a>

但是,当您使用键盘导航时,焦点不会移到顶部.它保留在页脚中.有没有一种方法可以将重点放在以下div上:

<div id="top" tabindex="-1"></div>

解决方法:

视觉焦点与键盘焦点不同,可以使用focus()函数定义键盘焦点

 <a onclick="jQuery("#top").focus();return false;" class="well well-sm" href="#">...</a>

可以与动画功能一起使用.

标签:accessibility,css,html,javascript,jquery
来源: https://codeday.me/bug/20191119/2036285.html