Плагин параллакс

334
23 июня 2017, 08:40

Посоветуйте небольшой плагин для параллакс эффекта, т.е. чтобы задавать фон на сайте. Проверенный плагин есть?

Answer 1

Если не пугают небольшие тормоза в сафари, то можно использовать такой код:

        $('.parallax').each(function(index, el) {
            var $this = $(el);
            var bgPos = $this.css("backgroundPosition").split(" ");
            var setY = function () {
                var top = $window.scrollTop();
                var topOffset = $this.offset().top;
                // если блок показался в браузере (чтоб те блоки, которых еще не видно, не скроллились)
                if ((top + $window.height()) > (topOffset) && ((topOffset + $this.height()) > top)) {
                    var speed = $this.data('speed') || 3;
                    var coords = bgPos[0]+' '+(top/speed + parseInt(bgPos[1])).toFixed(2)+'px';
                    $this.css({"backgroundPosition": coords});
                }
            }
            $window.scroll(setY);
            setY();
        });

Останется добавить класс parallax любому блоку имеющему фиксированную высоту и background в виде картинки

READ ALSO
Отображение и скрытие элементов

Отображение и скрытие элементов

У меня есть такая табличкаПодскажите как сделать так, чтобы по клику на элемент с классом table__row_active открывались все элементы с классом table__row_noactive...

261
Регулярное выражение и изменение поля js

Регулярное выражение и изменение поля js

Сейчас делается проверка на стороне клиента полей на заполнение и проверка регулярным выражениемНаписано все объемно,так скажем примитивно...

251
Использование smarty функций с json

Использование smarty функций с json

Пытаюсь сделать infinite scroll, с php, smarty и jquery ajaxКак я понял, для того, чтоб не нагружать сильно сервер идеально осуществлять весь процесс на клиентской...

317
Как выронить меню по центру блока?

Как выронить меню по центру блока?

Перечитал варианты, но почему-то они не работают на конкретном сайтеКак сделать меню по центру страницы корректно? Имеется ввиду margin 0 auto

288