partyzanx
@partyzanx

Почему сильно съезжает линия?

hsk.wiki

5c4169d2632c5531222090.png

пытался адаптировать этот скрипт, но даже если его начисто вставить в сайт, то будет всё равно также

<script>
    $(document).ready(function() {
  // cool nav menu
  $(window).on('load resize', function() {
    var $thisnav = $('.current-menu-item').offset().left;

    $('.main-category-menu .quick-bar-main-category-menu > *').hover(function() {
      var $left = $(this).offset().left - $thisnav;
      var $width = $(this).outerWidth();
      var $start = 0;
      $('.wee').css({ 'left': $left , 'width': $width });
    }, function() {
      var $initwidth = $('.current-menu-item').width();
      $('.wee').css({ 'left': '0' , 'width': $initwidth });
    });
  });

});
</script>
  • Вопрос задан
  • 103 просмотра
Решения вопроса 1
partyzanx
@partyzanx Автор вопроса
проблема было в том, что у меня два меню было, и поэтому складывались суммы нескольких меню...
я конкретизировал код, и норм всё стало.

$(document).ready(function() {
  // cool nav menu
  $(window).on('load resize', function() {
    var $thisnav = $('.main-category-menu .current-menu-item').offset().left;

    $('.main-category-menu .menu-item').hover(function() {
      var $left = $(this).offset().left - $thisnav;
      var $width = $(this).outerWidth();
      var $start = 0;
      $('.main-category-menu .wee').css({ 'left': $left , 'width': $width });
    }, function() {
      var $initwidth = $('.main-category-menu .current-menu-item').width();
      $('.main-category-menu .wee').css({ 'left': '0' , 'width': $initwidth });
    });
  });

});
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
Acaweb
@Acaweb
Начинающий Вэб-разработчик
Тут как я понимаю проблема вот в этой строке
var $thisnav = $('.current-menu-item').offset().left;
...
var $initwidth = $('.current-menu-item').width();

У тебя нет в DOM .current-menu-item
А есть .quick-bar-main-category-menu
Поменяй должно работать
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
SummerWeb Ярославль
от 120 000 до 180 000 ₽
КРАФТТЕК Санкт-Петербург
от 60 000 до 80 000 ₽
Brightdata Тель-Авив
от 5 500 до 6 500 $
17 июн. 2024, в 21:48
3000 руб./за проект
17 июн. 2024, в 21:24
30000 руб./за проект