滚动到所选项目的顶部
Move scroll to top with the selected item
在一个包含多个元素的ul
中,我想滚动条以查看所选项目始终位于顶部。此项目将分配selected
类。到目前为止,我已经设法将条滚动到该元素的位置,但没有将其滚动到容器的顶部。
我的代码是:
jQuery(document).ready(function(){
jQuery('#container').animate({
scrollTop: jQuery('li.selected').offset().top
}, 2000);
});
知道吗?
遍历parent
元素,如下所示:
jQuery(document).ready(function(){
var x = jQuery('li.selected').parent();
jQuery('#container').animate({
scrollTop: jQuery(x).offset().top
}, 2000);
});
我在类似的情况下使用了这个:不可能在scrollTop
中直接遍历。。。行,所以我使用了一个变量来选择父级,并将这个变量放入scrollTop
行。
相关文章:
- 交互.js拖动的项目移动到顶部
- Knockout.js:将选中的项目移到列表的顶部
- 如何滚动到DIV顶部表格的最后一个位置(项目10)
- 当目标处于顶部滚动状态时,如何从菜单中激活项目
- 下划线.js,从一个对象中获取两个项目并添加到顶部
- 使用 JavaScript 将项目添加到列表顶部
- 角度JS从数据中选择菜单,在顶部保留1个项目
- 当在 Ul 上使用向上/向下箭头到达溢出自动项目的顶部/底部时显示隐藏的项目
- 对列表顶部的选中项目进行排序
- 取消选中所有项目后,将选中的项目移到顶部
- 从页面顶部获取项目偏移量
- 使用Angular将最新的项目放在待办事项列表的顶部
- javascript显示/隐藏中的顶部项目
- Javascript数组排序将字符串MAG250放在底部,其他项目放在ASC顶部
- 将选中的项目放在列表的顶部
- 约束和可拖动项目没有出现在顶部-版本II
- jQuery可排序-如果拖出,将项目移动到列表顶部
- 动画项目在屏幕的底部到屏幕的顶部在jquery
- 在项目点击,项目重新呈现和滚动到顶部,这是不希望的
- 自定义事件的基础5顶部栏下拉项目