Получить цвет из верхнего элемента видового экрана - PullRequest
Новая
       7

Получить цвет из верхнего элемента видового экрана

1 голос
/ 18 октября 2019

Я создаю кнопку, чтобы перейти к нижней части страницы, и я хочу, чтобы цвет фона кнопки был таким же, как у 1-го элемента, который касается области просмотра. Кнопка работает, но я не могу получить цвет верхнего элемента. Проверьте это изображение, чтобы понять, что мне нужно. https://i.ibb.co/4SrqGQW/Screenshot-20191018-114922.jpg

Мой текущий код 

// ==UserScript==
// @name          bottom button 
// @namespace     bottom
// @description   go to bottom
// @include       *://*/*
// @grant         GM_addStyle 
// @noframes
// ==/UserScript==
var btmbtn = document.createElement("div");
btmbtn.innerHTML = '<div id="bottom1">▼</div>';
btmbtn.onclick = function() {
    window.scrollTo(0,document.body.scrollHeight);
};
document.getElementsByTagName("html").item(0).appendChild(btmbtn);
GM_addStyle ( `
#bottom1  {
background-color: blue;
position: fixed;
bottom: 10vw;
right: 2vw;
z-index: 9999999;
border-radius: 100%;
width: 10vw;
height: 10vw;
font-size: 5vw;
text-align: center;
line-height: 10vw;
} 
` );

1 Ответ

0 голосов
/ 18 октября 2019

Вы можете легко получить доступ к первому объекту DOM внутри тела, используя var first = document.body.children[0]; и получить доступ к его свойствам стиля. Но следует помнить, что это не всегда работает в вашем случае. Например: - Если у вас есть контейнер или любой другой элемент в верхней части, но вы не находитесь в верхней части тела в коде, вы получите свойство элемента только после того, как тело начинается в коде, а не в первом элементеСам видовой экран. Вы можете взглянуть на это

...