ttk

toggle toolbar

이 스크립트를 설치하려면 Tampermonkey, Greasemonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

You will need to install an extension such as Tampermonkey to install this script.

이 스크립트를 설치하려면 Tampermonkey 또는 Violentmonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey 또는 Userscripts와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 Tampermonkey와 같은 확장 프로그램이 필요합니다.

이 스크립트를 설치하려면 유저 스크립트 관리자 확장 프로그램이 필요합니다.

(이미 유저 스크립트 관리자가 설치되어 있습니다. 설치를 진행합니다!)

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 Stylus와 같은 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

이 스타일을 설치하려면 유저 스타일 관리자 확장 프로그램이 필요합니다.

(이미 유저 스타일 관리자가 설치되어 있습니다. 설치를 진행합니다!)

// ==UserScript==
// @name         ttk
// @namespace    http://tampermonkey.net/
// @version      0.0.1
// @description  toggle toolbar
// @author       clumsyman
// @copyright 2018, clumsyman (https://openuserjs.org//users/clumsyman)
// @license MIT
// @match        https://ttks.tw/novel/chapters/*/*.html
// @grant        none
// ==/UserScript==

javascript:try {
    function afterLoading() {
        document.head
            .appendChild(document.createElement('style'))
            .append(document.createTextNode(`
                html:not([amp4ads]) {
                    height: 100% !important;
                }
                .txtcenter, .more_recommend {
                    display: none;
                }
                .frame_body.showTools>.breadcrumb_nav, 
                .frame_body.showTools>#color_box, 
                .frame_body.showTools>.page-separator+.content, 
                .frame_body.showTools>.footer_frame {
                    position: sticky;
                }
                .breadcrumb_nav {
                    top: 40px;
                }
                #color_box {
                    top: 80px;
                }
                .page-separator+.content {
                    bottom: 12px;
                }
                .footer_frame {
                    bottom: 0;
                    height: auto;
                }
                .footer_frame > div {
                    line-height: normal;
                }`));
        var frame_body = document.querySelector('.frame_body');
        if (frame_body) {
            frame_body.addEventListener("click", function(event) {
                console.log("frame_body was clicked or tapped!");
                frame_body.classList.toggle('showTools');
            });
        }
    }
    if (document.readyState !== 'loading') {
        afterLoading();
    } else {
        document.addEventListener('DOMContentLoaded', afterLoading);
    }
} catch(e) {
    alert(e + '\n' + e.stack);
}