Никита Полевой: нет, на самом деле как правило я боролся с флоутами либо статическими height, либо я их в какой-нибудь row закатывал, ну вообщем находились костылики. Я на самом деле флоуты за этот косяк (потеря высоты родителя) и не люблю. Вот меня это сегодня и добило.
А относительно inline-block, ну во первых margin-right: -4px - костыль против правого оффсета. Ещё помогает font-size: 0 - что уже какое-то днище.
Но вот возьми мою сетку, она у меня в реме всё ещё инлайнблокчная (https://github.com/WebKieth/beastiegrid) и попробуй сделать 3 блока, дать им всем col-lg-3, напимер.
И в один из этих блоков втусовать ещё 2 блока, которые должны делиться на col-lg-6 (те пополам, учитывая 12 колонок). И сам всё своими глазами увидишь. Уровнять эту кашу по высоте без отлицательных margin или position absolute у тебя не получится.
Александр Х: я уже не хочу рыться, комню что на макросе в шоблоне товара float располагает галерею картинок слева и кнопки справа. Хотя там на планшетах по другому, а для мобил по ещё одному другому.
Но я щас просто новый проект верстаю. И применил сетку на inline-block. понял что лажа и исправил на float left после чего у меня полдесктопа склеилось и на мобилах пошли баги из-за потери высоты.
Никита Полевой: да там куча всякого бывает. Не представляешь что ты можешь увидеть в консоли если на мобилке откроешь imagelightbox на этом сайте))). Там накостылено двукратное приближение картники по смещениями по touchmove.
* - и есть селектор, который всё перебирает))))) я сделал через each(). $('body').find('*').each(function. Я не знаком с методом filter(). Как-то не приходилось)
нет, overflow hidden не решает проблему отсутствия высоты. У блока с float по прежнему будет height 0. А скрипт натолкнул на мысль, хоть он выбирает документ, а не элементы в нём. Тем не менее отталкиваясь от него можно поправить недочёт его селектора: $('html>*')
RoverWhite: у него тухлая поддержка мобильных устройств. android только после 4.4 и iOS до 8й не поддерживаются. Я стараюсь дать поддержку всем устройствам с шириной экрана от 320 пикселей. 3и 4е айфоны и все андроиды до 14го года не поддерживаются. Это неприемлемо.
это конечно супер, но ещё 8 гигов оперативы мне не нужно. Я сам понимаю что это мне не нужно и что систему можно оптимизировать. К тому же мне и так видеокарту для 2го монитора уже неделю несут.
MaxKorz: это не windows. Если запускается какая-то задача, значит я создал крон и знаю об этом. Если я об этом не знаю, значит задачи нет. Особенно учитывая то факт что пароль своей системы знаю только я и пару раз в месяц меняю (очень много стоящих студийных данных на компе).
Может долька памяти и была свободна, но свап вступал в дело. По советам ребят ниже всё круто решилось компрессией инфы, летящей в оперативу и свапоффом (нагуглил). Вот уже конец рабочего дня, а фш и хром и не подумал лагануть)))
GreatRash: может. Баг сидел в том, что элемент, от которого я отсчитывал был в absolute и центрирован относительно родителя. Когда я начал отсчитывать от родителя, то всё заработало как надо.
Sn0wSky: странно, но при моём условии в твоём фиддле всё работает стабильно. Видимо всё дело в том что блок, на который я вешаю анимацию в абсолюте и центрирован относительно родителя. Я повесил расчёт от этого родителя и всё чудомагией заработало ништяк. Thanks, solution is yours.
как ни странно, если я пишу нижеoffsetFromScreenTop условие "if(offsetFromScreenTop < 500)", всё нормально. Но суть в том что мне нужно "if(offsetFromScreenTop > 500)", а при этом условии offsetFromScreenTop равен всегда нулю. Где 500 - это высота экрана.
да, это всё понятно. Но парадокс в том, что у меня $('elem').position().top равен $('elem').offset().top равен $(window).scrollTop() лол как бы я ни скроллил.
Это просто адски круто! Завёл всё по-новой, в htop при обычном среднем количестве тасков потребление оперативы упало вдвое! А я даже в конфигах не ковырялся! Хотя проц и начал подкипать сильнее, но не троллит. Короче - это солюшен, без вариантов.
А относительно inline-block, ну во первых margin-right: -4px - костыль против правого оффсета. Ещё помогает font-size: 0 - что уже какое-то днище.
Но вот возьми мою сетку, она у меня в реме всё ещё инлайнблокчная (https://github.com/WebKieth/beastiegrid) и попробуй сделать 3 блока, дать им всем col-lg-3, напимер.
И в один из этих блоков втусовать ещё 2 блока, которые должны делиться на col-lg-6 (те пополам, учитывая 12 колонок). И сам всё своими глазами увидишь. Уровнять эту кашу по высоте без отлицательных margin или position absolute у тебя не получится.