微信读书沉浸式阅读(上划隐藏头部侧栏)

微信读书上划隐藏头部和侧栏,下滑显示头部和侧栏

// ==UserScript==
// @name         微信读书沉浸式阅读(上划隐藏头部侧栏)
// @namespace    http://github.com/lossj
// @version      0.2.1
// @description  微信读书上划隐藏头部和侧栏,下滑显示头部和侧栏
// @author       LossJ
// @match        https://weread.qq.com/web/reader/*
// @require      https://cdn.staticfile.org/jquery/3.3.1/jquery.min.js
// @grant        none
// ==/UserScript==


(function() {
    'use strict';
    var windowTop=0;
    $(window).scroll(function(){
        let scrollS = $(this).scrollTop();
        let selBtn = document.querySelector('.readerTopBar');
        let readerControl = document.querySelector(".readerControls");
        if(scrollS >= windowTop){
            // 上划显示
            selBtn.style.opacity = 0;
            readerControl.style.opacity = 0;
            windowTop = scrollS;
        }else{
            // 下滑隐藏
            selBtn.style.opacity = 1;
            readerControl.style.opacity = 1;
            windowTop=scrollS;
        }
    });
})();