js 控制滚动条位置 转帖

以下代码随机显示<div>滚动条的位置

 

<div id="cc" style="height:250px;width:200px;overflow-y:scroll;overflow-x:hidden;">

<li>01</li><li>02</li><li>03</li><li>04</li><li>05</li><li>06</li><li>07</li><li>08</li>

<li>09</li><li>10</li><li>11</li><li>12</li><li>13</li><li>14</li><li>15</li><li>16</li>

<li>17</li><li>18</li><li>19</li><li>20</li><li>21</li><li>22</li><li>23</li><li>24</li>

<li>25</li><li>26</li><li>27</li><li>28</li><li>29</li><li>30</li><li>31</li><li>32</li>

<li>33</li><li>34</li><li>35</li><li>36</li><li>37</li><li>38</li><li>39</li><li>40</li>

<li>41</li><li>42</li><li>43</li><li>44</li><li>45</li><li>46</li><li>47</li><li>48</li>

</div>

<script>

var obj = document.getElementById("cc");

obj.scrollTop=obj.scrollHeight*(Math.random());

</script> 

 

 

 以下是控制控制滚动条的实例

var pos = document.getElementById(data.page.order+"_row").getBoundingClientRect().top;

var scrollObj = document.getElementById("cc");

//alert(pos-scrollObj.getBoundingClientRect().top);

scrollObj.scrollTop=pos-scrollObj.getBoundingClientRect().top;