| |
|
|
| | как сделать чтобы при загрузке страницы бегунок скролинга был внизу автоматически | |
| |
|
|
| |
|
|
| |
для: TavRoX
(26.03.2011 в 02:43)
| | | Этого можно добиться, если внутри блока в самом его низу расположить элемент, у которого определён идентификатор. И установить значение якоря соответствующее этому идентификатору.
Если сделать вот так:
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<style>
DIV.overflow {overflow: scroll; width: 400px; height: 100px;}
</style>
</head>
<body>
<div class="overflow">
......
<span id="bottom"></span>
</div>
</body>
</html>
|
то обращение к документу с указанием якоря http://site.ru/page.html#bottom заставит отмотать бегунок скроллинга блока вниз. При этом бегунок скроллинга самой страницы (если он присутствует) также будет отмотан до блока со скроллингом.
Можно задать значение якоря самому, используя свойство hash объекта location:
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<style>
DIV.overflow {overflow: scroll; width: 400px; height: 100px;}
</style>
</head>
<body onload="location.hash = '#bottom';">
<div class="overflow">
......
<span id="bottom"></span>
</div>
</body>
</html>
|
В этом случаи мы уже не зависим от первоначального значения якоря, т.к. сами устанавливаем нужное значение якоря.
Изменять свойство hash объекта location нужно после загрузки html. Иначе JS попытается выполнить переход к месту, которого ещё нет, т.к. оно не загружено.
Если не желательно, чтобы скроллинг самой страницы отматывался до блока со скроллингом, то можно поступить так: дополнительно расположить в начале документа какой-нибудь элемент с идентификатором и ещё раз изменить значение свойства hash:
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<style>
DIV.overflow {overflow: scroll; width: 400px; height: 100px;}
</style>
</head>
<body onload="location.hash = '#bottom'; location.hash = '#top';">
<span id="top"></span>
<div class="overflow">
......
<span id="bottom"></span>
</div>
</body>
</html>
|
| |
| |
|
|
| |
|
|
| |
для: TavRoX
(26.03.2011 в 02:43)
| | |
onload = function () {window.scrollTo (0, document.body.scrollHeight)}
|
| |
| |
|
|
| |
|
|
| |
для: Абырвалг
(26.03.2011 в 14:09)
| | | спс за помощь всем реализовал чуть по другому
теперь когда появляется новая запись оно скролит
$("div").scrollTop(1000000);
|
| |
| |
|
|
