rysqulov, ну т.е. логика такая:
1) если проскроллено > 0 px сверху - дать класс fixed
2) иначе - убрать
т.е. банальное if() else ()
что у вас?
1) если проскроллено > 0 - дать fixed и маржин контенту (тут я хз зачем)
2) если же проскроллено МЕНЬШЕ нуля (??) то убрать fixed b снова дать маржин (я не знаю, что за маржин, но по уму - его в этом случае надо убирать, в противовес первому условию)
понимаете? :)
второе условие заменить на просто else, а с маржином думаю поняли
keche, тут только надо помнить, что transform может замыливание блока вызывать. т.е. если там текст и т.п., то могут быть проблемы. А так метод хороший, спору нет.
проще закончить редактирование, а потом ткнуть на кривой правой и выбрать add anchor point, и двигать ее далее как надо. но чесно я не спец в этих делах ))
идея отличная! ее ж даже с олдскульными методами можно применить, спасибо.
только имхо количество пустышек просто должно быть не менее ( кол-ва элементов в строке -1), этого вполне достаточно
или можно даже проще - вставить по максимуму (например штук 10 ), нулевой высоты, и тогда без скриптов можно обойтись, т.е. ничего не считать )
ну тогда руками делайте экстра разметку и вкрячивайте туда svg (как - загугливаете ie10 grayscale)
эта либо собсно это и делает - детектит и вкрячивает.
тут у вас задача сформулирована нечетко. разберем:
1.
были резиновыми;
не были шире определённого значения;
по сути... они резиновые только при малой ширине окна, далее задача превращается в расстановку блоков фиксированной ширины.
2.
образовавшееся свободное место (из-за ограниченной ширины) равномерно распределялось между ними
А тут неясно, надо ли сохранять некое количество "колонок" (например 3, как в скрине) или позволять блокам напихиваться в строки до упора. Если исходить из скринов - 3 колонки - соответственно неважно делаем их float или inline-block ( в режиме text-align:left), шириной 33%, а уже вложенные блоки центрируем внутри этих "колонок". Получатся резиновые отступы. Вот это-то я и имел ввиду в ответе.
(+ придется media писать, чтоб контейнеры 33% превращать в 100% при малой ширине).
А вот если надо надо не в 3 колонки а "сколько влезет", то тут только inline-block+justify, а он вам даст результат как в первой картинке. https://jsfiddle.net/45v1uarz/1/
Т.е. - не выйдет. Только если задачу как-то переформулировать.
на будущее - чтоб найти решение, выкидывайте все лишнее, минимизируйте код. в этом примере вместо портянки на несколько экранов вполне можно выкинуть все кроме подключения gulp и browser-sync.
всем проще и удобнее.
1) если проскроллено > 0 px сверху - дать класс fixed
2) иначе - убрать
т.е. банальное if() else ()
что у вас?
1) если проскроллено > 0 - дать fixed и маржин контенту (тут я хз зачем)
2) если же проскроллено МЕНЬШЕ нуля (??) то убрать fixed b снова дать маржин (я не знаю, что за маржин, но по уму - его в этом случае надо убирать, в противовес первому условию)
понимаете? :)
второе условие заменить на просто else, а с маржином думаю поняли