scrollTop - проблема chrome/safari
Необходимо вычислить верхний отступ от видимой части окна.
Со всеми браузерами все ок, но в хроме и сафари выдает 0.
var main_margin;
main_margin = $("html,body").scrollTop();
alert(main_margin);
Пробовал вместо html,body писать только body, но ничего не выходит. |
$(document).scrollTop() |
Nekromancer, тоже самое, WebKit выдает 0.
|
Nekromancer,
доктайп поставьте то. Всё должно работать вообще то и работает у всех. |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var margin_top;
margin_top = $(document).scrollTop();
alert(margin_top);
});
</script>
</head>
<body>
<div style="height: 2500px;"></div>
</body>
</html>
Прокручиваю страницу до конца, нажимаю F5 - получаю 0. Что я делаю не так? :) |
Skyman,
А что по вашему делает F5 - перезагружает страницу. После перезагрузки страница видимо в вебкит не прокручивается обратно. |
А что вы ожидали получить?
|
Nekromancer,
Страница перезагружается и скроллер остается в том месте, где и был (т.е. внизу). zebra, Необходимо получить расстояние в пикселях, между началом документа и началом видимой области окна. Код из моего предыдущего комментария нормально работает на других браузерных движках, кроме WebKit, вот и прошу помочь. В прокрученном до конца страницы, Firefox выдает 1595, Opera - 1561, а WebKit - 0. |
setTimeout пробовали?
|
zebra,
даже с задержкой выдает 0 :( |
в каком именно браузере? у меня в фф, хром, ие, опера всё норм
|
Chrome 16.0.912.75
Safari 5.1.2 (7534.52.7) |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
setTimeout(function() {
var margin_top;
margin_top = $(document).scrollTop();
alert(margin_top);
}, 1000);
});
</script>
</head>
<body>
<div style="height: 2500px;"></div>
</body>
</html>
Всё работает :write: |
Подтверждаю, ваш код работает :)
А вот свой вариант не работает, хотя грешу на русские символы, скорее всего из-за этого, но все равно спасибо) |
| Часовой пояс GMT +3, время: 15:03. |