Каждый раз, когда я прокручиваю вниз на Reddit и заставляю посты плавать влево, вид продолжает возвращаться к вершине ⇐ CSS

[Anonymous]

Запись экрана
https://www.reddit.com/r/nextfuckinglevel/top/?t=month

Код: Выделить всё

// ==UserScript==
// @name         REDDIT: gallery view
// @match        https://www.reddit.com/*
// @require      https://raw.githubusercontent.com/KenKaneki73985/javascript-utils/refs/heads/main/minified_javascript
// @require      https://raw.githubusercontent.com/KenKaneki73985/javascript-utils/refs/heads/main/show_GUI
// @require      https://raw.githubusercontent.com/KenKaneki73985/javascript-utils/refs/heads/main/countdown_with_ms
// ==/UserScript==

(function() {
    'use strict'

    document.addEventListener('scroll', () => {
        show_GUI("you scrolled", "GUI_v1", "blue", 0, 80, 16, 1000)
        SET_GALLERY_VIEW()
    })

    function SET_GALLERY_VIEW() {
        show_GUI("gallery view set", "GUI_v2", "green", 0, 87, 16, 1000)
       
        let FEED_CONTAINER = document.querySelector("shreddit-feed")
        FEED_CONTAINER.style.display = "block"

        const POSTS_arr = FEED_CONTAINER.querySelectorAll("article")
        POSTS_arr.forEach(post => {
            post.style.float = "left"
            post.style.width = "33%"
        })
    }
})()
< /code>
Кто -то в Reddit говорит: [b] reddit удаляет посты, когда они не видят, и использует заполнителя, чтобы предотвратить движение постов. Я думаю, что использование CSS - ваш лучший вариант. [/b] 
Поэтому я спросил Клода, и это ответ. Я пытался использовать стиль CSS (код ниже), но он не работает. < /P>
// ==UserScript==
// @name         REDDIT: gallery view
// @match        https://www.reddit.com/*
// @require      https://raw.githubusercontent.com/KenKaneki73985/javascript-utils/refs/heads/main/minified_javascript
// @require      https://raw.githubusercontent.com/KenKaneki73985/javascript-utils/refs/heads/main/show_GUI
// @require      https://raw.githubusercontent.com/KenKaneki73985/javascript-utils/refs/heads/main/countdown_with_ms
// ==/UserScript==

(function() {
    'use strict'

    window.addEventListener('load', () => {
        // alert("code injected BEFORE load event fires")
        INJECT_CSS()
    })

    document.addEventListener('keydown', function(event) {
        if (event.altKey && event.key === 'k') {
            INJECT_CSS()
        }
    })
   
    function INJECT_CSS() {
        show_GUI("gallery view", "GUI_v1", "green", 0, 80, 16, 3000)
           
        // Create CSS styles
        const style = document.createElement('style')
       
        // Apply CSS styles
        style.textContent = `
            shreddit-feed {
                display: block !important
            }
           
            shreddit-feed article {
                float: left
                width: 33%
                box-sizing: border-box
            }
           
            /* Clearfix for the container */
            shreddit-feed::after {
                content: ""
                display: table
                clear: both
            }
        `;
       
        document.head.appendChild(style)
    }
})()

Как это исправить?

Подробнее здесь: https://stackoverflow.com/questions/796 ... ft-the-vie