DIV中的长UL列表,自动滚动到LI元素

因为

我有一个奇怪的问题,我有一个div

_inputHelper // it has fixed height ( 200px )

其中包含非常长的<ul>列表(大约200个元素),我想使用jQuery滚动到<li>列表中的某些列表,但是问题是,当我以这种方式滚动整个列表时:

$( _inputHelper.find('ul') ).animate( { top : -1 * ( $(_this).position().top - $(_this).height() ) } , 200);
_this is a LI element I would like to scroll to

在适当的位置向下滚动,但我无法使用鼠标滚动列表,以下是更精确的打印屏幕:

div中的长UL自动滚动问题

我认为我可能以错误的方式滚动,但我也尝试了scrollTop / margin-top,但仍然无法正常工作。

一些测试:http : //jsfiddle.net/uk5xqfry/3/

有什么帮助吗?

丹尼

根据您需要使用的小提琴scrollTop,尝试以下操作:

$('.input-helper').animate({
    scrollTop : $("#test").position().top,
}, 200);

检查演示小提琴


在代码中,您只是移动ul元素,然后移出父视图;现在,您正在更改父级的滚动。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

DIV中的长UL列表,自动滚动到LI元素

来自分类Dev

在div中滚动ul列表

来自分类Dev

滚动到可滚动div中的元素

来自分类Dev

滚动到模式div中的元素

来自分类Dev

在slideToggle中如何与班级自动滚动到li

来自分类Dev

将ul滚动到特定的li

来自分类Dev

HTML中Div元素的自动水平滚动

来自分类Dev

滚动到在绑定到observableArray的列表中创建的DOM元素

来自分类Dev

滚动到div中具有固定高度的元素

来自分类Dev

在Python Selenium中滚动到特定的DIV元素

来自分类Dev

使用jQuery滚动到div中的元素并垂直居中

来自分类Dev

平滑滚动到div在聚合物元素中

来自分类Dev

设置无序列表<ul>中特定<li>元素的样式

来自分类Dev

将div移动到ul列表中间的页面上,但是ul不要id的列表中

来自分类Dev

使div自动滚动到底部(反应)

来自分类Dev

如何检测页面滚动到长div的底部?

来自分类Dev

从导航栏项目列表滚动到元素

来自分类Dev

如何通过ul / li元素的可变高度设置自动div高度

来自分类Dev

滚动到可滚动div中的顶部

来自分类Dev

加载元素后滚动到div的底部?

来自分类Dev

滚动到可滚动容器div中的元素不起作用

来自分类Dev

如何单击列表框中需要滚动到该元素的元素?

来自分类Dev

如何滚动以自动滚动到可编辑div加载的底部

来自分类Dev

在 ul 元素中定位 li 元素

来自分类Dev

自动滚动到Appcelerator中的视图末尾

来自分类Dev

自动滚动到Appcelerator中的视图末尾

来自分类Dev

如何使用python单击带有硒的<ul>和<li>元素中的<a>元素列表?

来自分类Dev

当父 <ul> 元素包含属性 style="display: none;" 时,如何创建自动完成 <li> 元素的列表 通过 Java Selenium

来自分类Dev

我如何在jQuery Mobile中自动滚动到页面显示的列表视图的底部

Related 相关文章

  1. 1

    DIV中的长UL列表,自动滚动到LI元素

  2. 2

    在div中滚动ul列表

  3. 3

    滚动到可滚动div中的元素

  4. 4

    滚动到模式div中的元素

  5. 5

    在slideToggle中如何与班级自动滚动到li

  6. 6

    将ul滚动到特定的li

  7. 7

    HTML中Div元素的自动水平滚动

  8. 8

    滚动到在绑定到observableArray的列表中创建的DOM元素

  9. 9

    滚动到div中具有固定高度的元素

  10. 10

    在Python Selenium中滚动到特定的DIV元素

  11. 11

    使用jQuery滚动到div中的元素并垂直居中

  12. 12

    平滑滚动到div在聚合物元素中

  13. 13

    设置无序列表<ul>中特定<li>元素的样式

  14. 14

    将div移动到ul列表中间的页面上,但是ul不要id的列表中

  15. 15

    使div自动滚动到底部(反应)

  16. 16

    如何检测页面滚动到长div的底部?

  17. 17

    从导航栏项目列表滚动到元素

  18. 18

    如何通过ul / li元素的可变高度设置自动div高度

  19. 19

    滚动到可滚动div中的顶部

  20. 20

    加载元素后滚动到div的底部?

  21. 21

    滚动到可滚动容器div中的元素不起作用

  22. 22

    如何单击列表框中需要滚动到该元素的元素?

  23. 23

    如何滚动以自动滚动到可编辑div加载的底部

  24. 24

    在 ul 元素中定位 li 元素

  25. 25

    自动滚动到Appcelerator中的视图末尾

  26. 26

    自动滚动到Appcelerator中的视图末尾

  27. 27

    如何使用python单击带有硒的<ul>和<li>元素中的<a>元素列表?

  28. 28

    当父 <ul> 元素包含属性 style="display: none;" 时,如何创建自动完成 <li> 元素的列表 通过 Java Selenium

  29. 29

    我如何在jQuery Mobile中自动滚动到页面显示的列表视图的底部

热门标签

归档