Определение позиции div'a относительно границ монитора

@Gstar · Регистрация: 10.05.2013

Author24 — интернет-сервис помощи студентам

когда прокручиваем сайт, можно ли определить с помощью jquery находиться ли блок в приделе монитора, или еще нет?
если да, то каким способом?

@philin · 02.10.2013, 19:10

в jQuery на этот счет есть функции scrollTop() и offset() - величина прокрутки и сумма всех вертикальных отступов и высот родительских и вышестоящих элементов.

Javascript

var f=$(element);
var w=$(window);
var topVis=w.scrollTop() < f.offset().top; // виден ли верх блока
var bottomVis=w.scrollTop()+w.height() > f.offset().top + f.height(); // виден ли низ блока

@Dron87 · 03.10.2013, 07:58

Javascript

function inWindow(s){
  var scrollTop = $(window).scrollTop();
  var windowHeight = $(window).height();  
  var currentEls = $(s);
  var result = [];
  currentEls.each(function(){
    var el = $(this);
    var offset = el.offset();
    if(scrollTop <= offset.top && (el.height() + offset.top) < (scrollTop + windowHeight))
      result.push(this);
  });
  return $(result);
}

Пример вызова:

Javascript

1	var boxesInWindow = inWindow(".main");

Элемент с классом main появился в зоне видимости окна браузера

@Gstar · 07.10.2013, 23:52 **[ТС]**

Спасибо, полезные скрипты

@Gstar 0 / 0 / 0 Регистрация: 10.05.2013 Сообщений: 8
		1
	Определение позиции div'a относительно границ монитора 02.10.2013, 14:11. Показов 3345. Ответов 3 Метки нет (Все метки) когда прокручиваем сайт, можно ли определить с помощью jquery находиться ли блок в приделе монитора, или еще нет? если да, то каким способом? 0

@Gstar 0 / 0 / 0 Регистрация: 10.05.2013 Сообщений: 8
	07.10.2013, 23:52 [ТС]	4
	Спасибо, полезные скрипты 0