微信读书

WeReadSytle

当前为 2022-02-20 提交的版本,查看 最新版本

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name    微信读书
// @namespace    https://greasyfork.org/users/878514
// @version    20220220
// @description    WeReadSytle
// @author    Velens
// @match    https://weread.qq.com/web/reader/*
// @require    https://cdn.staticfile.org/jquery/3.3.1/jquery.min.js
// @license    MIT
// @grant    none
// ==/UserScript==

(function() {
    'use strict';
    //右侧滚动条
    var style = document.createElement("style");
    style.type = "text/css";
    var text = document.createTextNode("body::-webkit-scrollbar { width: 0px; height: 0px;}");
    style.appendChild(text);
    var head = document.getElementsByTagName("head")[0];
    head.appendChild(style);
    //文字内容
    var app = document.getElementsByClassName("app_content")[0];
    app.style.maxWidth = "100%";
    app.style.background = "#C7EDCC";
    //顶部导航栏
    var readerTopBar = document.getElementsByClassName("readerTopBar")[0];
    readerTopBar.style.maxWidth = "100%";
    readerTopBar.style.background = "#C7EDCC";
    //右侧浮动菜单
    var readerControls = document.getElementsByClassName("readerControls")[0];
    readerControls.style.marginLeft="0";
    readerControls.style.left= "inherit";
    readerControls.style.right= "2%";

    $(window).scroll(function(){
        var scroll = $(this).scrollTop();
        if(scroll == 0){
            // 顶部显示
            readerTopBar.style.display = "flex";
            readerControls.style.display = "flex";
        }else{
            // 下滑隐藏
            readerTopBar.style.display = "none";
            readerControls.style.display = "none";
        }
    });
})();