За последние 24 часа нас посетили 24096 программистов и 1677 роботов. Сейчас ищут 1097 программистов ...

Какой parallax оптимален для WP?

Тема в разделе "Wordpress", создана пользователем Alien_php, 25 дек 2017.

Метки:
  1. Alien_php

    Alien_php Новичок

    С нами с:
    4 мар 2016
    Сообщения:
    38
    Симпатии:
    1
    Делаю тему на WP. Нужно сделать паралакс. Я сначала установил этот скрипт http://pixelcog.github.io/parallax.js/ но потом заметил, что в разных браузерах он плохо отображает... при скролле в хроме появляется белая линия, а в мозиле вообще рывками идет и некрасиво. Может есть решение?
     
  2. rishard

    rishard Новичок

    С нами с:
    20 сен 2016
    Сообщения:
    228
    Симпатии:
    27
    В мозилле js способен визуально отрабатывать не так плавно, как на вебките. Это не новость.
    Что касается parallax.js - нормальный скрипт, имхо... использовал его недавно в лэндинге, взгляните. Что за "белая линия при скролле в хроме", не совсем понимаю.
     
  3. rishard

    rishard Новичок

    С нами с:
    20 сен 2016
    Сообщения:
    228
    Симпатии:
    27
    А что касается решения... попробуйте так; существует довольно неплохой, старый добрый шаб под вордпресс, Food & Cook называется. Там используется параллакс. Взгляните на демку, легко найдете в гугле. Если работа параллакса устроит - скопируйте джээсы оттуда, если нет... тогда не знаю. ))

    P.S https://themeforest.net/item/food-cook-multipurpose-food-recipe-wp-theme/4915630
     
    Alien_php нравится это.
  4. Alien_php

    Alien_php Новичок

    С нами с:
    4 мар 2016
    Сообщения:
    38
    Симпатии:
    1
    Спасибо за совет. Попробовал скопировать js. Нашел вот такой код, который нужын для работы параллакса, но там есть метод один...

    Код (Javascript):
    1. <script>
    2.         jQuery(document).ready(function($) {
    3.  
    4.             var fullscreenPar = jQuery('.one-col #parallax .parallax_out'),
    5.                     containerPar = jQuery('#main, #main-shop'),
    6.                     ParOffsetl = containerPar.offset().left,
    7.                     containerPar2 = jQuery('#parallax .parallax_content'),
    8.                     windowWidth = jQuery(window).width();
    9.  
    10.             $('.parallaxs').parallax('center', '0.1');
    11.  
    12.             totwidthl = ParOffsetl;
    13.  
    14.             fullscreenPar.find('.one-col #parallax .parallax_out').css('width', windowWidth);
    15.  
    16.             fullscreenPar.css('margin-left', '-' + totwidthl + 'px');
    17.             fullscreenPar.css("padding-right", function(index) {
    18.  
    19.                 totwidth = ParOffsetl + ParOffsetl;
    20.                 return  totwidth;
    21.  
    22.             });
    23.             containerPar2.css('padding-left', ParOffsetl);
    24.  
    25.         });
    26. </script>
    вот эта строчка $('.parallaxs').parallax('center', '0.1'); меня смущает... метода паралакс в js нет, значит получается, подключается библиотека?
     
  5. rishard

    rishard Новичок

    С нами с:
    20 сен 2016
    Сообщения:
    228
    Симпатии:
    27
    Скачай поварской шаб да посмотри, че там есть, че там нету. Делов-то. Я всего-то один сайт на Food & Cook и сваял когда-то, совсем не вчера это было. Если не найдешь в Сети , где скачать, отпишись, посмотрю в старых запасах, где-то валялся. Ну коли ты всего лишь посмотреть хочешь, а не интернет-лабаз на варезе клепать, дык никто не обидится, я надеюсь. ))
     
  6. TeslaFeo

    TeslaFeo Старожил

    С нами с:
    9 мар 2016
    Сообщения:
    2.984
    Симпатии:
    759
    Вот паралакс
    только что написал)
    идея должна быть ясна
    --- Добавлено ---
    и в мозилле работает отлично
    --- Добавлено ---
    и даже в IE )