Установка scrollTop для переполнения элемента через HTML / CSS (без JavaScript) - PullRequest
Новая
       19

Установка scrollTop для переполнения элемента через HTML / CSS (без JavaScript)

2 голосов
/ 04 февраля 2012

Предположим, у меня есть следующий html: 

<div style="width:200px;height:200px;overflow:scroll">
  ...
</div>

Если содержимое этого элемента заканчивается переполнением, самый популярный способ изменить позицию прокрутки этого элемента - использовать jQuery.scrollTop (). Однако у меня есть ситуация, когда я хотел бы установить начальную позицию прокрутки div, используя исходный HTML. Есть ли способ сделать это? Все примеры, которые я вижу в Интернете для этого, заканчиваются использованием javascript.

Один из способов, который я попробовал, - написать свойство scrollTop для элемента, например, так: 

<div scrollTop=20 style="width:200px;height:200px;overflow:scroll">
  ...
</div>

Однако это не работает. Конечно, должен быть способ установить начальную позицию прокрутки переполненного элемента с помощью HTML / CSS ...

Вот полная версия этого кода, которая показывает, что он не работает - вертикальная полоса прокрутки остается на «0»: http://jsfiddle.net/gueBZ/1/

Может кто-нибудь помочь мне заставить это работать? Большое спасибо за любые указатели!

1 Ответ

2 голосов
/ 04 февраля 2012 
<div style="width:200px;height:200px;overflow:scroll">
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <div id="hello">autoscroll here</div>
    <br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</div>

, затем откройте страницу как 

page.html#hello

, это единственное, что вы можете сделать, только с HTML

...