如何使用jQuery滾動將底部元素移動到第一行

Question

我想使用jquery滾動使項目。 但是它有一些問題，我想將滾動的底部元素移動到頁面的第一行，但不能移動第一行。 只需移到中線的一半即可。

如何解決這個問題呢，

在此處輸入圖片說明 例如）我希望將五個數字設置為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>

ps）最后連接到第一個的周期也可以，謝謝。

Answer 1

據我了解您，請嘗試以下操作：

現場演示

$(document).ready(function() {

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

更新：

CSS：

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

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

JQ：

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

如何使用jQuery滾動將底部元素移動到第一行

問題描述

1 個解決方案

解決方案1
1 已采納 2014-02-11 02:46:29

如何使用jQuery滾動將底部元素移動到第一行

問題描述

1 個解決方案

解決方案1 1 已采納 2014-02-11 02:46:29

解決方案1
1 已采納 2014-02-11 02:46:29