Jump to content

parnas

User
  • Posts

    108
  • Joined

  • Last visited

Everything posted by parnas

  1. overflow-x: hidden на body решил проблему. Всем спасибо.
  2. Всем привет. Верстаю адаптивный макет. В началном экране появляется горизонтальный скрол. Вот скрин. Появляется он именно в началном экране. Как только скролим вниз, горизонтальный скрол исчезает и вся станет на свое место. Я обнаружил что скрол появляется из-за блока слайдера отзывы внизу. Слайдер реализован через плагин Flickity. Если его(блок отзывы) убрать, то, скрола нет. Исползование других плагинов слайдера(owlCarousel, Slick) проблему не решает. В чем может быть причина проблемы? Спасибо заранее за любые наводки и помощь! Вот ссылка на сайт.
  3. Всем привет. Верстаю сайт интернет магазина. Вот ссылка. Сайт адаптивный. В сайте кроме 2 меню есть еще и фильтр-конфигуратор слева. На мобильном версии, этот конфиг панель скрывается полностью и открывается с помощью кнопки с иконкой шестеренки. При нажатии на эту кнопку на блок добавляется класс .show который открывает этот панель в не раскрытом положении и далее автоматически открывается с событием .trigger(). Проблема заключается в том, Сейчас при нажатии на эту кнопку конфиг панель открывается, но при повторном нажатии ведет себя как на десктопе. То есть, полностью не исчезает. Никак не могу программировать так чтобы при нажатии на главную кнопки конфигуратора, этот панель снова исчезал. Как бы я не старался(неверно знание и опыта не хватило) не смог убирать класс 'show' при повторном нажатие. Вот скрипт который открывает конфиг панель . А этот скрипт открывает конфиг панель из мобильной версии. этого никак не могу добиться. Очень нуждаюсь в вашем помощи. Заранее очень благодарен.
  4. в секции Meet Us фотки сужаються при наведении. ЭТо плохо. В консоле куча ошибок. Этого не должно быть. В остальном норм. Удачи.
  5. В каталоге обнаружил еще один bug. при Наведение на карточку товара оно увеличиваеться через transform scale. Но шрифт замыливается. Как можно избавиться от этого? -webkit-transform-style: preserve-3d; -webkit-backface-visibility:hidden; не помогло.
  6. 2 - проблема тоже решена. Пришлось подправить css. Если кто-то используеть slick.js и столкнулся подойной проблемой , вот issue на githube.
  7. 1. Сделал. Сработало. Огромное спасибо. 2. Никогда не пользовался load ом . Не подскажите как? Можеть быть где то есть пример на похожую проблему. 3. Тут конфиг открываеться событием trigger() который инициализируються за .find('.config').addClass('show') Как бы я не старался(неверно знание и опыта не хватило) не смог убирать класс 'show' при повторном нажатие. Вот скрипт который открывает конфиг панел . А этот открывает конфиг панел из мобилной версии.
  8. Здравствуйте, коллеги! Обрашаюсь вам за советы и решении некоторых проблем верстки. На каталоге есть карточка товаров. При наведении появляются дополнительные значки внизу. У этих значков есть подсказка при наведения. Проблема в том что подсказка значков второго ряда уходить за контент карточек товаров которые расположены на следующем ряде хотя z-index задать выше. Самое странное для меня в том что, в планшетном и мобильном версии этой проблемы нет. В чем причина? 2. В проекте использовал slick слайдер. На главном и на странице товара есть слайдер и слайдшоу соответственно. Проблема в том, при загрузки страницы сперва изображении слайдера и слайд шоу загружается во вертикальном порядке и только после полной загрузки страницы, все станет на свои места. Как это исправить? 3. На левом краю есть панель конфигуратора. На мобильном версии чтобы вызвать эту панель на верху есть кнопка с иконкой шестеренка. Сейчас при нажатии на эту кнопку конфиг панель открывается, но при повторном нажатии ведет себя как на десктопе. То есть, полностью не исчезает. Эту задачу никак не мог решать. Наводки и советы очень помог бы. Всем заранее огромное спасибо за любую помощь!
  9. Вот в том то и дело. Как добавлять этот класс именно и малых разрешениях?
  10. Всем привет. Верстаю адаптивно. Столкнулся с задачай. В футер есть блоки со спиской внутри. На мобильном разрешение нужно сделать этот блок аккордионом. Как можно делать так, чтобы скрипт реагировал на изменение breakpoint а. Или есть другая решения? Спасибо заранее. Для наглядности прикрепил картинку.
  11. Большое спасибо. Сам собирался делать вот так: http://codepen.io/parnas/pen/mAxQdj . В моем варианте сайдбар внутри блока с карточками товаров. Ваш вариант больше понравился.
  12. 1. Картинки задавайте в теге img. У вас background-image. так неправильно. Без контента высота блока картинки становиться 0. ИЛи надо задавать min-height. 2.display: flex задавайте не в родителе. в дополнительном внутренном обертке. Например, в .container__inner е 3. padding и задавайте в пикселях.
  13. Всем привет! Столкнулся с такой задачей. Как видно на рисунке на одном контейнере есть Каталог товаров и сайдбар. В каталоге товары по три в ряде. Теперь задача: можно делать так, чтобы под сайдбаром товары уже шли по 4 в ряд. Возможно ли все это реализовать без разбиение каталога на 2 блока(т.е. верхний(по 3 ) и нижный(по 4))? Заранее очен благодарен!
  14. Спасибо. Но, думаю этот способ не подходить. Спасибо. Попробую делать так.
  15. А есть ли для возможность показать только часть блока в Owl Carousel?
  16. Здравствуйте, коллеги! Есть задача. Точнее, таблица с тарифами. На каждом столбце отделный тариф. На планшете и десктопе отображаеться нормально. На мобильном эта таблица должен преврашаться в слайдер с dot а(элемент управления) ми внизу. И каждый столбец(Тариф) должен показаться отдельно в соответсвие dot ами. Тоесть, та же таблица должен передвинуться налево или направо чтобы показать конкреткный "кусок". Как можно вот этот функционал реализовать? Спасибо.
  17. Спасибо. Теперь понятно. Но каким путем тут решить проблему более оптимально. Жесткие размеры задавать не хочется.
  18. Спасибо за замечание. Действительно, забыл в jade поставит li перед классами. Но убрать padding-left не поможет. Что интересно и непонятно мне это - если задавать свойству right вместо left и потом позиционировать - проблем нет.
  19. Всем привет. При верстке возникла проблема. В header е есть ссылка при ховере на котором появляется выпадашка. У ссылки и выпадашки есть блок-родитель. Выпадашка отпозиционирован absolute ом относительно родителя. Внутри выпашдашки 3 пункта. В каждом пункте-ссылке есть теги i и spam для FA иконки и текста. Проблема в том, что при позиционирование блока смещением на право, после left: 154px текст автоматически переноситься на следующую строку. Вот фиддл. Никак не могу отловить в чем моя ошибка и как решить его. Спасибо заранее!
  20. Спасибо! Очень познавательно!
  21. Не осилил. Но пытался. Вот код: https://jsfiddle.net/parnas/j7g59gLz/1/ Не подскажите? Спасибо!
  22. Спасибо. Понял свою ошибку! А как насчет 1-го задания?
  23. Изучаю АЗЫ JS. вовремя выполнения задач не смог их полностью решать. Поэтому прошу о вашей помощи. 1) Создайте страницу с кнопкой, при нажатии по кнопке на странице должен создаваться параграф с произвольным текстом. После создания 10 параграфов все они должны быть удалены. Решения: Сделал до удаления параграфов. Не смог реализовать последную условию: "После создания 10 параграфов все они должны быть удалены." Вот мой код: https://jsfiddle.net/parnas/j7g59gLz/ 2) Разработайте модуль, который будет содержать функцию для получения элементов на странице с определенным значением в атрибуте с именем class. Пример использование модуля. var arr = MyQuery.FindClass(“redButton”); ­ возвращает массив элементов с атрибутом class=”redButton” Вот моя решения: https://jsfiddle.net/parnas/ewn4t53m/ Но получаю ошибку module3.js:10 Uncaught TypeError: elemList.getAttribute is not a function Пожалуйста, помогите с решеним. Заранее спасибо!
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy