Задать блоку display: none;, когда он вне поля экрана?

Question

[Чёкатилло]

И показыватьблок заблаговременно до границы экрана
Подскажите такой скрипт ребят
Спасибо!

Comments

[Ankhena]

Считать координаты?

[Ankhena]

Дмитрий: на самом деле из вопроса ничего не ясно.
Что значит вне поля зрения?
Это вы так ленивую загрузку пытаетесь замутить?

[Чёкатилло]

Ankhena W: Не Просто скрывать блоки хочу, которых нет на экране и к подходу к ним при скролле выводить их из display: none; Что-то я не подумал о ленивой загрузке Это тоже самое?

[Чёкатилло]

Ankhena W: Черт, кажется ленивая загрузка- то , что надо

[Чёкатилло]

Ankhena W: но мне же надо, что бы например изображения появлялись да, но исчезали снова, как только окажутся вне поля экрана

[Ankhena]

Дмитрий: А если человек туда сюда колесиком мышки покрутил? Так и будете перерисовывать?

[Чёкатилло]

Ankhena W: а мы ему палку в колесико вставим ))) шучу Поэтому надо, что бы контент блоков превьюшек появлялся/пропадал на расстоянии до границ экрана, а не сразу

[Чёкатилло]

Ankhena W: Либо же, посты уже выбираются по дате с выводом месяца Может тогда лучше, что бы появлялись/пропадали блоки постов по месяцам...и интуитивно понятнее пользователю и с постановкой даты вопрос решу, а то месяцы где зря выводятся

[Stalker_RED]

Дмитрий: Вы понимаете, что делая блокам display: none вы будете вызывать reflow и repaint? И если они исчезнут, еще и высота страницы может поменяться, и в результате еще и скролл будет странно себя вести.

[Чёкатилло]

Stalker_RED: да Рискую ) Попробовать надо Или не блоки скрывать, а их контент

[Ankhena]

Дмитрий: Кроме display есть visibility

[Чёкатилло]

Ankhena W: display: none;
Временно удаляет элемент из документа. Занимаемое им место не резервируется и веб-страница формируется так, словно элемента и не было.

visibility: hidden;
Элемент становится невидимым или правильней сказать, полностью прозрачным, поскольку он продолжает участвовать в форматировании страницы.

[Чёкатилло]

Ankhena W: точно Подходит ) Не могли бы Вы подкинуть мне скрипт с visibility? ) Будьте любезны

[Чёкатилло]

Ankhena W: visibility: hidden; - он же тоже что и opacity? а collapse в IE не работает

[Ankhena]

Дмитрий: Думаю, что opacity тратит больше ресурсов

[Чёкатилло]

Ankhena W: не знаю просто экономит ли какие ресурсы то, если элемента просто не видно, но он есть Не могли бы помочь со скриптом visibility?

[Чёкатилло]

Ankhena W: display: none, в моем случае, будет "ломать" блоки и все станет накладываться друг на друга

[Чёкатилло]

Ankhena W: еще можно применять дисплей:нон; но с сохранением состояния
Например нашел такое:
var hide = window.localStorage.getItem('hide');
function showFun() {
document.getElementById('myShowBlock').style.display = hide ? 'block' : 'none';
window.localStorage.setItem('hide', (hide ^= 1));
}

if(hide) showFun();

[Ankhena]

Дмитрий: По-моему, Вы пытаетесь сделать вообще не то. Либо я не понимаю цели.
Если цель в экономии ресурсов, то это бекэнд должен отдавать данные по частям, аяксом, а не скрывать их в display none

[Чёкатилло]

Ankhena W: а я слабо разбираюсь в этом ) Моя цель сократить потребление ресурсов путем махинации с превью блоками Думал, придумаю что-то новенькое, если буду их хитро скрывать )

[Чёкатилло]

Ankhena W: но если через аякс подгружать, то после загрузки контент останется? И чем дальше по станице, тем больше контента Там и так бесконечный скролл на странице И страница длинная Мне кажется, скрывать контент все же надо, если я хочу облегчить сайт Других вариантов не знаю

[Ankhena]

Дмитрий: он же уже нарисовался