Как сделать появление блока в пределах какой то высоты?

Mark Sikr,
https://codepen.io/ayinloya/pen/ZxOwOB

Вот этот код можно под ваши нужды переделать.

Как сделать появление блока в пределах какой то высоты?

Сергей Горячев, гы-гы, media (max-height).

Но я понял, что вы хотели сказать о позиции прокрутки.

Как сделать появление блока в пределах какой то высоты?

Mark Sikr, это можно там сделать спокойно. Там сообщения сборку для примера. На событие там можно повесить что угодно, любой код. Читайте документацию.

Как сделать появление блока в пределах какой то высоты?

imakewebthings.com/waypoints/guides/getting-started

https://stackoverflow.com/questions/21561480/trigg...

Как сделать красивый фон, если фото/картинка в вертикальном положении?

exhang, наверное, не мне комментарий :))

Как сделать красивый фон, если фото/картинка в вертикальном положении?

Павел, я понимаю, пробовал и SVG'ешный <feGaussianBlur stdDeviation="5" result="blur" />, производительность этой штуки аналогичная.

Как сделать красивый фон, если фото/картинка в вертикальном положении?

Если несколько таких фото, производительность может быть низкой на слабых устройствах и особенно на мобильных. filter: blur() весьма дорогое свойство.

Как сделать красивый фон, если фото/картинка в вертикальном положении?

exhang, год назад найти не удалось, но как-то в целом быстро получилось у человека реализовать.

Как сделать красивый фон, если фото/картинка в вертикальном положении?

Если фотографий будет много, на. JS и CSS (filter: blur(10px) делать не нужно, ибо производительность так себе.

В одном проекте я сделал так: если фото не покрывало блок полностью, то внутри родительского контейнера я искал img, копировал путь до картинки, находил выше по разметке блок-подложку и вставлял путь до картинки в style="background-image: url(XXX). Ну а на CSS этот блок размывал, позиционировал и т. д. Производительность на старых машинах была не совсем хорошая не из-за JS, а именно из-за filter: blur(10px). Таких фотографий на странице было по 18 штук.

Лучше серверное решение. В итоге я попросил программиста написать такую штуку, пару дней -- и было готово.

Почему при скролле нажимаются ссылки в адаптивном шаблоне?

zzxxxxzz, ах, шикарно, не за что!

Почему при скролле нажимаются ссылки в адаптивном шаблоне?

Как раз эта херня обрабатывает элементы, которые отправили событие, и проверяет, тег a ли это:
if (event.target.matches('a'))

И, если это тег a и его атрибут href содержит ссылку, он переходит по ней:

if ('#' !== url && '' !== url) {
   window.location = url;
}

И все это на дурацком touchstart

Почему при скролле нажимаются ссылки в адаптивном шаблоне?

zzxxxxzz, я вот это подозреваю:

function toggleSubmenuDisplay() {
        document.addEventListener('touchstart', function(event) {
            if (event.target.matches('a')) {
                var url = event.target.getAttribute('href') ? event.target.getAttribute('href') : '';
                if ('#' !== url && '' !== url) {
                    window.location = url;
                } else if ('#' === url && event.target.nextSibling.matches('.submenu-expand')) {
                    openSubMenu(event.target);
                } else {
                    event.preventDefault();
                }
            }

Почему при скролле нажимаются ссылки в адаптивном шаблоне?

zzxxxxzz,

У вас тут куча объединенных скриптов, плагинов и т. п. Отключая этот файл, ссылки снова становятся рабочими, точнее, с ними все становится в порядке. Ищите что-то типа touchstart.

Почему при скролле нажимаются ссылки в адаптивном шаблоне?

zzxxxxzz, конечно. JS только и может влиять на такое поведение ссылок. И не только при скролле они у вас так ведут себя. WordPress не при чем совершенно.

Почему при скролле нажимаются ссылки в адаптивном шаблоне?

Я такого прикола никогда не видел.

Как делали ссылки? :)))

Есть какие-то скрипты, что вешают свои обработчики на все теги a?

Как сделать эффект появления?

animation: opacity 1s forwards;

Как сделать эффект появления?

«…кулись».

Как отслеживать изменения экрана браузера на Javascript?

https://developer.mozilla.org/ru/docs/Web/Events/resize

Как научиться создавать сайты, если в программировании полный 0?

https://github.com/zualex/devmap

Как сделать плавное появление и исчезновение блока?

И ещё хотелось бы добавить, что лучше не margin, а transform.