Есть ли способ получить нижнюю позицию, используя jquery текущего окна просмотра во время прокрутки. Не нижнее положение документа, а нижнее положение видимого окна.Получить позицию сверху текущего окна
0
A
ответ
1
Вам необходимо суммировать scrollTop и innerHeight. Это может быть сделано таким образом:
var win = $(window);
var info = $('.bottom-position');
function onScroll() {
var viewportBottom = win.scrollTop() + win.innerHeight();
info.html('Bottom viewport at: ' + viewportBottom + 'px from top.');
};
win.on('scroll resize', onScroll);
onScroll();
body {
margin: 0;
font-family: sans-serif;
}
.content {
height: 1000px;
background: #000;
}
.bottom-position {
position: fixed;
bottom: 0;
right: 0;
color: #fff;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="content"></div>
<div class="bottom-position"></div>
Также на JSFiddle.
+0
Спасибо! это было очень запутанно, я хотел сделать липкой, используя jquery, тогда я решил, что мне нужен только window.screen.availHeight и установить верхнюю часть элемента, но я вычислял нижнюю позицию и добавляя эту позицию вверх, она не делала это липкий: стр. –
Смежные вопросы
- 1. jQuery Получить текущую позицию сверху
- 2. Получить позицию текущего парил элемента
- 3. Как получить позицию сверху в пикселе элемента?
- 4. Вычислить позицию сверху div
- 5. Получить текущую позицию окна под Windows
- 6. Titanium - получить высоту текущего окна
- 7. Получить имя текущего окна Active
- 8. C# - Получить заголовок текущего окна
- 9. Как получить позицию текущего фокусного ввода?
- 10. Всегда начинать div с определенного места сверху текущего окна
- 11. Как получить положение окна сверху в пикселях
- 12. Добавление представления сверху текущего вида
- 13. Как получить текущую позицию элемента относительно окна
- 14. JQ виджетов Получить позицию при перемещении окна
- 15. Всегда сверху Всплывающие окна
- 16. Форма окна всегда сверху
- 17. Сохранение диалогового окна сверху
- 18. Как получить заголовок окна текущего приложения/формы?
- 19. Как получить тип текущего окна в vim
- 20. как получить текущего пользователя окна в ФОС
- 21. получить дескриптор текущего активного окна в OpenCV
- 22. Как получить позицию: абсолютная DIV сверху относительно другого родителя
- 23. Как получить нижнее положение текущего окна просмотра в браузере
- 24. CSS3 тень окна сверху детей
- 25. Вид не прилипает сверху (не меняет позицию)
- 26. Получить верхнее положение текущего окна относительно тела документа
- 27. В javascript JQuery, как определить позицию сверху до текущего состояния ... каждый раз, когда кто-то прокручивает?
- 28. Обработка, сохранение окна сверху/наложения
- 29. TabControl перерисовывается через окна сверху
- 30. vb.net: изменить окна «сверху» экрана
Просьба уточнить, чего вы хотите достичь, и что вы подразумеваете под «нижней позицией» * ... и о чем? Также занять несколько минут, чтобы прочитать [ask] – charlietfl
Возможный дубликат [Использование jquery для получения позиции элемента относительно области просмотра] (http://stackoverflow.com/questions/1567327/using-jquery-to-get-elements-position- относительно-viewport) –
Непонятно, что вы хотите. Вы хотите, чтобы расстояние от нижней части окна просмотра до верхней или нижней части страницы? Что-то другое? Можете ли вы привести нам пример: 1. высота страницы - 1000 пикселей, 2. прокрутка вниз - 100 пикселей, 3. высота просмотра - 200 пикселей -> 4. Что вы ожидаете получить, чем (300, 700 или что-то еще)? – skobaljic