如何做滚动效果的焦点在页面元素的变化
How to do Scroll effect on change of focus on page elements?
我通过javascript将焦点移动到页面上的不同按钮上。我需要做的是,每当页面由于焦点改变到不同元素而滚动时,向上或向下滚动页面,它应该以慢动作效果滚动,而不仅仅是快速滚动。
如何使用jquery实现全局效果
EDIT:难道不可能这样做吗?
$('#example-button-id').on('focus', function() {
$("html, body").animate({ scrollTop: $(this).offset().top + 'px' }, 500);
}
其中500为ms单位的时间量
相关文章:
- 根据元素高度和宽度的百分比变化增加或减少字体大小
- 一个变化:在加载图像之前加载元素
- 如何在呈现页面后使用 Java 脚本检测 dom 元素值的值是否有任何变化(例如,任何输入或复选框值更改)
- 在照片库中的两个元素之间切换样式会发生变化
- CSS.滚动后元素位置发生变化
- 当元素的高度发生变化时,如何获取元素的高度
- 如何观察聚合物元素属性值从索引.html的变化
- 一旦 JavaScript 中任何 HTML 元素的值发生变化,就会更新画布
- 如何模拟元素的真实变化
- 有没有一种简单的方法来检测容器元素中的焦点变化
- 观察父元素上指令的 ngModel 值变化
- 将元素的宽度设置为等于监视器大小,而不会在缩放时发生变化
- jQuery:记录数组中的元素变化,并通过索引检查它是如何变化的
- 检测元素高度变化,如果太小则隐藏
- 如何使jquery函数与动态变化的元素一起工作
- Angularjs观看元素切换帧的变化
- 当聚合物元素中的布尔属性发生变化时,如何用sort重新运行dom repeat
- 使用JavaScript,这样当点击图像时,另一个元素's的位置发生了变化
- 如何检测primefaces日历元素的变化
- $index的元素变化,而使用过滤器如何获得正确的索引元素angularjs