Javascript 单击li，将其滚动到容器顶部
我有一个Javascript 单击li，将其滚动到容器顶部,javascript,jquery,Javascript,Jquery,我有一个UL，带有溢出：自动和固定高度。在这个UL中，我有一些LI 我想创建一个函数，单击LI它将放置在UL的顶部 <ul class=list> <li>A</li> <li>B</li> <li>C</li> <li>D</li> <li>E</li> </ul> A B C D E 例如，如果我单击D，它应该移动到顶部 使用.pr
UL溢出：自动和固定高度。在这个UL
中，我有一些LI
我想创建一个函数，单击LI
它将放置在UL
的顶部
<ul class=list>
<li>A</li>
<li>B</li>
<li>C</li>
<li>D</li>
<li>E</li>
</ul>
- A
- B
- C
- D
- E
例如，如果我单击D，它应该移动到顶部
使用.prependTo
将li
移动到顶部：
$('li').on('click', function() {
$(this).prependTo($(this).closest("ul"));
$('.list').animate({scrollTop: 0 }, 1000);
})
更新的代码笔：我想你想要这样的东西：
$('li').on('click', function() {
$(this).prependTo($(this).parent())
$(this).parent().animate({
scrollTop: 0
})
})
我还更新了画笔A ，您可以使用该属性。@Andrew您需要明确您想要的是什么。我将问题改写为“移到顶部”，因为这是“必须在顶部”唯一合理的含义——你需要检查对你的问题的编辑；如果它们与问题不匹配，那么您需要撤销并提供更好的反馈。在这种情况下，我们将其解释为“移动到顶部”-即移动它。如果你的意思是它应该滚动到顶部，那么这就没有意义了，因为为了点击它，它已经是可见的了。请提供明确的前后要求。还有一个编辑完全改变了问题，使其非常重新排序li
。我已经根据您不想重新订购的评论回滚了更改。否。我不想改变荔枝的顺序你到底想要什么？