HotPot.ai Submit button move

Add variation to scroll submit and downlaod all buttons, move at the page scroll.
目前为 2024-03-03 提交的版本。查看最新版本。
换行
// ==UserScript==
// @name            HotPot.ai Submit button move
// @namespace       Wizzergod
// @version         1.0.4
// @description     Add variation to scroll submit and downlaod all buttons, move at the page scroll.
// @icon            https://www.google.com/s2/favicons?sz=64&domain=hotpot.ai
// @license         MIT
// @author          Wizzergod
// @match           *://hotpot.ai/art-generator*
// @match           *://hotpot.ai/remove-background*
// @match           *://hotpot.ai/anime-generator*
// @match           *://hotpot.ai/logo-generator*
// @match           *://hotpot.ai/headshot/train*
// @match           *://hotpot.ai/colorize-picture*
// @match           *://hotpot.ai/restore-picture*
// @match           *://hotpot.ai/enhance-face*
// @match           *://hotpot.ai/upscale-photo*
// @match           *://hotpot.ai/sparkwriter*
// @match           *://hotpot.ai/background-generator*
// @match           *://hotpot.ai/lunar-new-year-headshot*
// @match           *://hotpot.ai/ai-avatar*
// @grant           none
// ==/UserScript==

(function() {
    'use strict';

    // Функция для перемещения элемента наверх
    function moveElementAboveHeaderBox(element, headerBox) {
        if (element.length > 0 && headerBox.length > 0) {
            headerBox.before(element);
        }
    }

    // Функция для фиксации элемента при прокрутке
    function fixElementOnScroll(element, fixAt, styles) {
        if (element.length > 0) {
            // Добавляем обработчик прокрутки страницы
            $(window).on('scroll', function() {
                var scrollTop = $(window).scrollTop();

                if (scrollTop > fixAt) {
                    element.css(styles.fixed);
                } else {
                    element.css(styles.static);
                }
            });
        }
    }

    // Стили для .submitBox
    var submitBoxStyles = {
        fixed: {
            position: 'fixed',
            top: 'unset',
            left: '0',
            padding: '1px',
            right: '1785px',
            zIndex: '9999',
            backgroundColor: 'transparent' // Цвет фона, если нужно
            /* Добавьте другие стили для .submitBox по вашему желанию */
        },
        static: {
            position: 'static',
            zIndex: 'auto',
            backgroundColor: 'transparent'
        }
    };

    // Стили для .downloadAllBox
    var downloadAllBoxStyles = {
        fixed: {
            position: 'fixed',
            top: 'unset',
            left: '1785px',
            padding: '1px',
            width: 'unset',
            height: '60px',
            right: '0',
            zIndex: '9999',
            backgroundColor: 'transparent' // Цвет фона, если нужно
            /* Добавьте другие стили для .downloadAllBox по вашему желанию */
        },
        static: {
            position: 'static',
            zIndex: 'auto',
            backgroundColor: 'transparent'
        }
    };

// Стили для #downloadAllBox .button.download
var downloadButtonStyles = {
    width: 'unset',
    height: '60px'
};

// Выбираем элементы .submitBox и .downloadAllBox
var submitBox = $('.submitBox');
var downloadAllBox = $('#downloadAllBox'); // Здесь предполагается, что у .downloadAllBox есть id="downloadAllBox"
var headerBox = $('.headerBox');

// Вызываем функции перемещения и фиксации для .submitBox
$(document).ready(function() {
    moveElementAboveHeaderBox(submitBox, headerBox);
    fixElementOnScroll(submitBox, 100, submitBoxStyles); // 100 - это высота, на которой начнется фиксация .submitBox
});

// Вызываем функции перемещения и фиксации для .downloadAllBox
$(document).ready(function() {
    moveElementAboveHeaderBox(downloadAllBox, headerBox);
    fixElementOnScroll(downloadAllBox, 200, downloadAllBoxStyles); // 200 - это высота, на которой начнется фиксация .downloadAllBox
});

// Применяем стили для #downloadAllBox .button.download
$('#downloadAllBox .button.download').css(downloadButtonStyles);
})();
欢迎访问Greasy Fork镜像
