Javascript 如何使用jquery滚动将底部元素移动到第一行_Javascript_Jquery

Javascript 如何使用jquery滚动将底部元素移动到第一行

javascript jquery

Javascript 如何使用jquery滚动将底部元素移动到第一行,javascript,jquery,Javascript,Jquery,我想使用jquery滚动项目。但它有一些问题，我想移动底部元素的滚动页面的第一行，但它不是移动第一行。移到中间线的一半如何解决这个问题, 示例）我希望将数字5定位为2 <html lang="en"> <head> <meta charset="utf-8"> <title>scrollTop demo</title> <style> div.demo { width: 200px; h

我想使用jquery滚动项目。但它有一些问题，我想移动底部元素的滚动页面的第一行，但它不是移动第一行。移到中间线的一半

如何解决这个问题,

示例）我希望将数字5定位为2

<html lang="en">
<head>
  <meta charset="utf-8">
  <title>scrollTop demo</title>
  <style>
  div.demo {
    width: 200px;
    height: 100px;
    overflow: scroll;
  }

  </style>
  <script src="lib/jquery/jquery-1.10.2.min.js"></script>
</head>
<body>

<div class="demo" id="divDemo">
    <div style="float:left">
        <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
        </ul>
    </div>
    <div style="float:left">
        <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
        </ul>
    </div>
    <div style="float:left">
        <ul>
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li id="li5">5</li>
        </ul>
    </div>
</div>

<script>
    $("#divDemo").scrollTop(1000);
</script>

</body>
</html>


scrollTop演示
演示师{
宽度：200px；
高度：100px；
溢出：滚动；
}

一,
二,
三,
四,
五,


一,
二,
三,
四,
五,


一,
二,
三,
四,
5

$（“#divDemo”）.scrollTop（1000）；

ps）最后连接到第一个的循环也正常

谢谢您的回复。

据我所知，您可以尝试以下方法：

更新：

CSS:

JQ:

我已经把你的问题读了五遍，但仍然不知道你在问什么……这似乎是同一个问题。我想把数字5移到起始边缘。好的。。我现在明白你的意思了。。。您必须为

设置一个高度，然后您可以滚动到#5。。。现在看看更新的链接，明白了~~！！非常感谢。但是自行车更好。你知道循环的方法吗？我要下一个五位数是1的第一位数。它的意思是滚动。循环的方法是我知道的。但我希望所有数字都显示在一起（1到5）。如果5的数字是集中的，接下来是1的数字。

$(document).ready(function() {

    $("#divDemo").animate({ scrollTop: $("#li5").offset().top },"linear");
});

.demo {
    width: 200px;
    height: 110px; /* Show this little detail, it`s 10px higher */
    overflow: scroll;
  }

/* PLAY WITH THIS AROUND */
ul {
  height: 200px;
}

$("#divDemo").animate({ scrollTop: $("#li5").offset().top - 10 },"linear");
                               /* set the offset (- 10px)---^^ */