Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 08.10.2012, 18:01
Новичок на форуме
Отправить личное сообщение для NetMale Посмотреть профиль Найти все сообщения от NetMale
 
Регистрация: 22.04.2012
Сообщений: 4

Событие при скролле 2/3 страницы
Добрый день.
У меня такой вопрос возник. Хочу, чтобы, скажем, возникало определенное событие в тот момент, как я проскроллил 2/3 страницы.
Делал я так с помощью jquery:

var need_height = 2/3 * jQuery('body').height();
jQuery(window).scroll(function() {
		if (jQuery(window).scrollTop() > need_height) {
                    alert('Вы проскроллили 2/3 страницы');
		}
});


Однако, когда высота документа, т е body чуть больше window, то событие не происходит, хотя ведь должно. И таких страниц на сайте много.
Прошу вашей помощи.
Заранее благодарен за толковый ответ.
PS, все-таки склоняюсь, что с математикой тут не то, но вот мысль не могу навеять.

Последний раз редактировалось NetMale, 08.10.2012 в 18:14.
Ответить с цитированием
  #2 (permalink)  
Старый 08.10.2012, 18:31
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,588

высота окна и высота боди это разные вещи. если хотите от размеров окна/браузера/экрана то и вычисляйте от них
Ответить с цитированием
  #3 (permalink)  
Старый 08.10.2012, 18:52
Новичок на форуме
Отправить личное сообщение для NetMale Посмотреть профиль Найти все сообщения от NetMale
 
Регистрация: 22.04.2012
Сообщений: 4

пробовал и body и window и document - тщетно, все равно скролла не хватает, чтобы достичь заветной отметки..
Ответить с цитированием
  #4 (permalink)  
Старый 08.10.2012, 19:41
х.з
Посмотреть профиль Найти все сообщения от dmitriymar
 
Регистрация: 21.11.2010
Сообщений: 4,588

http://javascript.ru/blog/andrej-par...-okna-brauzera
Ответить с цитированием
  #5 (permalink)  
Старый 09.10.2012, 11:43
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

body<br>body<br>body<br>body<br>body<br>body<br>body<br>body<br>body<br>body<br>
body<br>body<br>body<br>body<br>body<br>body<br>body<br>body<br>body<br>body<br>
body<br>body<br>body<br>body<br>body<br>body<br>body<br>body<br>body<br>body<br>
body<br>body<br>body<br>body<br>body<br>body<br>body<br>body<br>body<br>body<br>
body<br>body<br>body<br>body<br>body<br>body<br>body<br>body<br>body<br>body<br>
body<br>body<br>body<br>body<br>body<br>body<br>body<br>body<br>body<br>body<br>

<script>
jQuery(function ($) {
	$(window).scroll( function (e) {
		var need_height = 2/3 * $('body').height();
		if ($(document).scrollTop() > need_height) {
                    alert('Вы проскроллили 2/3 страницы');
		}
	});
});
</script>

Последний раз редактировалось bes, 09.10.2012 в 11:46.
Ответить с цитированием
  #6 (permalink)  
Старый 17.09.2013, 21:40
Аватар для bes
bes bes вне форума
Профессор
Отправить личное сообщение для bes Посмотреть профиль Найти все сообщения от bes
 
Регистрация: 22.03.2012
Сообщений: 3,744

случайно наткнулся, исправлю ошибку - добавлю кнопочку run
<script src="http://code.jquery.com/jquery-latest.min.js"></script>

body<br>body<br>body<br>body<br>body<br>body<br>body<br>body<br>body<br>body<br>
body<br>body<br>body<br>body<br>body<br>body<br>body<br>body<br>body<br>body<br>
body<br>body<br>body<br>body<br>body<br>body<br>body<br>body<br>body<br>body<br>
body<br>body<br>body<br>body<br>body<br>body<br>body<br>body<br>body<br>body<br>
body<br>body<br>body<br>body<br>body<br>body<br>body<br>body<br>body<br>body<br>
body<br>body<br>body<br>body<br>body<br>body<br>body<br>body<br>body<br>body<br>

<script>
jQuery(function ($) {
	$(window).scroll( function (e) {
		var need_height = 2/3 * $('body').height();
		if ($(document).scrollTop() > need_height) {
                    alert('Вы проскроллили 2/3 страницы');
		}
	});
});
</script>
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не работает скрипт при обновлении элемента без перезагрузки страницы Jex Events/DOM/Window 0 28.09.2012 16:43
Выезжающие\уезжающие div при загрузке страницы goodkot Элементы интерфейса 1 28.09.2012 08:58
установить переменную сессии через ajax при загрузке страницы optik77 AJAX и COMET 3 02.06.2011 17:36
Событие после обновления страницы ajax'ом kryzhovnik Events/DOM/Window 4 07.10.2009 22:32
Не отрабатывает событие onmouseout при внедрении нового слоя ilshat Элементы интерфейса 3 28.07.2008 06:27