Jquery - прокрутка DIV (переполнение: авто;) с DIV - PullRequest
Новая
       0

Jquery - прокрутка DIV (переполнение: авто;) с DIV

0 голосов
/ 09 февраля 2011


Как я могу прокрутить DIV (переполнение: авто;) с DIV?

HTML 

<div style="width:100px; height:200px; border:1px solid #ff0000; overflow:hidden;">
   <div id="my_div" style="width:100%; padding-right:20px; height:100%; overflow:auto;" class="sph">
       <div style=" background-color:#c6c6c6; width:10px; height:20px; position: absolute; left:80px; cursor:pointer;" >S</div>
       .. content ...  <br />       .. content ...  <br />       .. content ...  <br />
       .. content ...  <br />       .. content ...  <br />       .. content ...  <br />
       .. content ...  <br />       .. content ...  <br />       .. content ...  <br />
       .. content ...  <br />       .. content ...  <br />       .. content ...  <br />
       .. content ...  <br />       .. content ...  <br />       .. content ...  <br />
       .. content ...  <br />       .. content ...  <br />       .. content ...  <br />
       .. content ...  <br />       .. content ...  <br />       .. content ...  <br />       
   </div>

</div>

<br /><br >
  Use the MouseScroll to scroll or use the [S]croll Div

Пример http://jsfiddle.net/sbAfW/11/

Заранее спасибо!
Питер

1 Ответ

3 голосов
/ 09 февраля 2011

Проверьте плагин jScrollPane .

Первое демо на демо-странице - это то, что вы можете искать. Вы можете просто удалить фоновые атрибуты из классов jspVerticalBar и jspTrack, и вы уже в пути!

...