Как избавиться от резкого скачка контента, при фиксировании меню при скролле?

Наверное потому, что вы быстро скроллили. Попробуйте медленно, не спеша ) Увидите, что картинка подскакивает вверх, заполняя пустое пространство. Здесь не в браузере дело.
Отступ для бади будет более непредсказуем, чем пустой контент в том же потоке, где и меню.
Вы как поступаете ?

Element.offset({ left: '1vw' })? Как сюда передать не пиксели, а проценты или вьюпорты?

очень жаль. Спасибо

Element.offset({ left: '1vw' })? Как сюда передать не пиксели, а проценты или вьюпорты?

Ясно. Жаль, потому что с .css({}) никак не прокатит в моём случае. Спасибо

Как взять позицию относительно окна браузера у flex элемента?

А можно код посмотреть ? Не совсем понято, то ли вам задавать position: relative для body, то ли в js нужны .offset().top и.offset().left, или position().top и position().left

Как задать блоку с absolute другого родителя с relative?

Alex, Это да, но тогда не смогу другие элементы спозиционировать абсолютно, относительно их родителя. То есть другие выпадающие менюшки, которым место как раз с их абсолютом под ссылкой

Как изменить форму фона?

dom1n1k, да я бы и сам себе руки за такое оторвал, да всё равно одна-то останется ) А ей тоже можно заговнокодить )

Как верстать такое меню?

ProjectSoft, Спасибо. Теперь я хотя бы буду знать куда двигаться - делать упор на изучение js и не пытаться методом тыка получить желаемый результат, будучи уверенный, что по-другому - никак

Как верстать такое меню?

ProjectSoft, спасибо за ответ. По поводу задержки мне уже дали ответ - всё работает. Осталось лишь разобраться с мегаменю. Нужно выбить его из общего потока и абсолютного позиционирования родителя и спозиционировать относительно родителя более высшего порядка.
Если вы пишите, что это плагин, значит без должного опыта и знаний самостоятельно сделать не получится, если я всё верно понял

Получение содержимого с помощью JQuery?

Filipp R., да, поэтому я предлагаю оборачивать тот контент, который вам нужно получить, в любой элемент и искать только то, что в нём. Или нужно будет писать регулярное выражение - это более сложный подход. В вашем случае в этом нет необходимости, потому что в будущем, возможно, придётся переписывать регулярное выражение. вам, как новичку, это будет сложнее, чем способ, который ниже

и оборачивая контент, который нужно получить в элемент, например < span > или < u > - вам нужно будет лишь изменить одну строчку кода. Было вот так :

let sorting_info = $(this).text();

// а станет 
let sorting_info = $(this).find('span').text();

Останется добавить .find() и в скобках в кавычках то, где нужно искать текст
find( ' u ' )
find( ' span ' )
find( ' .vash-element ' )

Получение содержимого с помощью JQuery?

Filipp R., есть самое простое решение - обернуть нужный вам текст в какой-то элемент, например в тег span, и получать только его, например:

<tbody class="js-list">
      <tr>
         <td class="sorting_1"><span>Name inventar</span> (1 л.)</td>
         <td>2</td>
      </tr>
      <tr>
         <td class="sorting_1"><span>Name GF inventar</span>(666 л.)</td>
         <td>2</td>
      </tr>
   </tbody>

а в скрипте теперь получать текст из span

$('.sorting_1').hover(function() {
	let sorting_info = $(this).find('span').text();
	$('#info').text('sorting_info:' + sorting_info)
});

https://jsfiddle.net/ouodkeLn/292/

Можно создать регулярное выражение, но если у вас в строке что-то изменится, например будет два элемента в скобках, то придётся переелывать регулярное выражение. А с этим способом вы всегда будете знать, что получите только то, что в теге span

Как верстать такое меню?

Alex, я прошу прощения - был не прав. Хоть и прав в том, что подключён jquery, но с вашим примером всё работает на ура. Хотя я не понял, в чём заключалась проблема. Большое спасибо

Осталось понять, что делать с мега меню )

Как верстается такое меню?

Максим Ленский, и я мог спрятать меню, но это уже задание.. ) Ладно, мы начали ходить по второму кругу и вы правы - пора это прекращать. Хорошего вечера )

Как верстается такое меню?

Максим Ленский, вы об этом - https://jsfiddle.net/ouodkeLn/281/ ?
Я не старался сделать всю работу и мог сделать более красиво. Вы же сами против того, чтобы выполнять задание, верно ? Сделать всё идеально - как раз таки задание, что и является предметом нашей дискуссии. Я подкинул идею, показал концепцию, сделал наброски. Естественно, если человек поймёт принцип, то он сможет всё подстроить под себя и исправить те очевидные (для нас с вами) погрешности, которые требуют времени на их исправление. А если его уровень знаний не позволяет ему понять принцип реализации данного эффекта, то даже если сделать 70% всей работы, то он не сможет реализовать оставшиеся 30.

Или вы хотите сказать, что при нажатии на кнопку, контент не уходит как на шаблоне, отображая скрывающееся меню ? Возможно вас смутило то, что при вращении контента меню всегда отображается. Но я повторюсь - главное - идея. Человек поймёт суть и сам разберётся

Как верстать такое меню?

Alex, нет, там просто подключён jQuery, поэтому $(this)

А вы не заметили никакого странного поведения при наведении, вроде описанных мной багов ?

Как верстается такое меню?

Максим Ленский, вы - молодец ) уверен, наша дискуссия никак не повлияла на ваше решение помочь человеку.

правда, это не совсем та реализация. У вас контент поворачивается по оси Y, а в примере он уезжает по оси X и удаляется по оси Z. Что-то типа того, что предложил я.

Получение содержимого с помощью JQuery?

Filipp R., Простите, я не совсем понял о каких Content gre (123 чд.) идёт речь. Можно пример ? Возможно получится обойтись без регулярного выражения, которое отсеет лишние символы

Получение содержимого с помощью JQuery?

Sergiu Mitu, Да, в этом вы правы. Но я ещё делал поправку на то, что человек может не совсем правильно сформулировать то, что он хочет получить в конечном итоге или ошибиться/опечататься, не так представлять работу tr и td, или не учитывать, что в будущем у него в одной строке будет две ячейки

Как верстается такое меню?

Максим Ленский, я вас понимаю, но не всё так однозначно.
Вот на мой вопрос ответили довольно таки развёрнуто, хотя я так же не приводил никакого кода (хотя могу привести). В моём случае в том не было необходимости, т.к. я указал, что мне не нужно, чтобы кто-то что-то делал за меня, а нужна лишь теория. И так же равзёрнуто описал все условия. Уверен, меня поймут и без кода.

По-вашему я был к вам несправедлив ? Я прошу прощения, если вам так показалось. Я не хотел вас оскорбить или обидеть. Но я вежливо аргументировал своё отношение к вашему ответу.

вы понимаете, что вопрос без ответа привлечёт внимание тех, кто действительно может чем-то помочь и что-то подсказать дельное. Но увидев, что ответ уже дан, может пройти мимо. Потому что некоторые не отмечают ответы. Кто-то сортирует вопросы на "без ответа". Мне важно получить ответ на свой вопрос, а вы можете своим ответом увести от меня потенциальных специалистов, которые бы мне помогли.

Ваше видение сутуации - субъективно, как и моё. Объективно никто не сможет однозначно сказать, кто же из нас прав. Но вы так и не ответили, прав ли я в своём суждении о том, что ни одного ответа лучше, чем один недоответ ?

Получение содержимого с помощью JQuery?

Sergiu Mitu, я видел, что в описании условие с tr, но сделал, как правильней, потому что в tr может быть несколько td, и в каждом нужно будет получить контент. Поэтому сделал с упором на будущее

Как верстать такое меню?

Спасибо за такой развёрнтый ответ. Но что-то странно работает сей скрипт

Я долго пытался понят алгоритм, по которому менюшка то убирается, то остаётся навеки вечные

https://codepen.io/Span4ev/pen/YvByBg?editors=0110
прошу прощения за беспорядок в коде - пока только наброски

Минут 10 проверял. Иногда меню исчезает, иногда нет. Принципы по которым происходит такой баг я не понял

Пример: навожу на Practices - навожу на выпадающее меню - оно моментально скрывается после покидания курсора зоны меню. Навожу на Home и снова на Practices - меню на Practices не скрывается. Снова навожу на Practices на ссылку - не скрывается. Снова навожу на Practices но на выпадающее меню - скрывается

Навожу на Home - уходит. На Practices и снова на Home - не уходит. И вот в таком духе