Свойство «позиция: фиксированная» не работает. Как установить другого родителя для элемента div.

Мне нужно переместить элемент div в верхнюю часть веб-страницы.

Я использую этот код, чтобы изменить его положение:

 document.querySelectorAll('div[data-reactid="div_id_here"]')[0].style = "position: fixed; top: 0px;";

Код (разметка): Элемент действительно будет перепозиционирован, но показываться он будет не вверху страницы, а в других местах.

Я считаю, что это потому, что он зависит от своего родительского элемента, который всегда меняет свое положение.

Инструкция «позиция: фиксированная», похоже, работает не относительно области просмотра, а относительно этого родительского элемента.

Я читал, что в таких случаях нужно применять «transform: none;» своему родителю.

Я так и сделал, но безуспешно. Мне интересно, можно ли установить для этого div еще одного родителя.

Например, я бы хотел, чтобы тег «body» выступал в качестве его родительского элемента, и я уверен, что тогда я смогу иметь больше контроля над ним. Возможно ли это или какое другое решение вы бы мне порекомендовали?

Спасибо, Александр

Боюсь, код не работает. Я использую Tampermonkey (https://www.tampermonkey.net

), чтобы внедрить JS в веб-страницы, и вот полный сценарий...

 // ==UserScript==


// @name Reposition section


// @namespace [URL='https://lumtu.com/yti/dl55ldC9odHRwOi8vdGFtcGVybW9ua2V5Lm5V2']http://tampermonkey.net/[/URL]


// @include *finance.yahoo.com/quote/*/analysis*


// ==/UserScript==


var x = document.querySelector('section[data-test="price-targets"]');


x.style.zIndex = 20;


x.style.backgroundColor = 'lightblue';


z.style.position = 'fixed';


z.style.top = 0;


document.body.appendChild(x);

Код (JavaScript): по какой-то причине код больше не выполняется после второй строки. Александр

Спасибо! Да, работает, хотя мне приходилось проверять это на каком-то другом сайте (с другим элементом). Он изменил расположение контента без каких-либо проблем! Он по-прежнему не работает на Yahoo, но не потому, что что-то не так с вашим скриптом.

Если вы загрузите страницу Yahoo, вы увидите, что «ценовые цели» Раздел загружается через 2-3 секунды после загрузки содержимого страницы. И я думаю именно поэтому раздел не перепозиционируется, хотя я не уверен в этом на 100%. Александр

Ох, я ошибся, это должно быть x, а не z. Попробуй это:

 var x = document.querySelector('section[data-test="price-targets"]');
x.style.zIndex = 20;
x.style.backgroundColor = 'lightblue';
x.style.position = 'fixed';
x.style.top = 0;
document.body.appendChild(x);

Код (разметка):