微信读书PC自动滚动！沉浸式阅读
// ==UserScript==
// @name 微信读书PC自动滚动！沉浸式阅读！
// @version 0.3
// @require http://cdn.staticfile.org/jquery/1.8.3/jquery.min.js
// @match *://weread.qq.com/web/reader/*
// @icon https://rescdn.qqmail.com/node/wr/wrpage/style/images/independent/appleTouchIcon/apple-touch-icon-152x152.png
// @description 微信读书PC自动滚动！沉浸式阅读
// @namespace https://greasyfork.org/users/518563
// ==/UserScript==
// Your code here...
$(window).on('load', function () {
var butDiy = "<button title='自动滚动' class='readerControls_item autoScroll' style='color:#bdbdbd;cursor:pointer;'>滚动X1</button><button title='停止滚动' class='readerControls_item autoScrollOff' style='color:#bdbdbd;cursor:pointer;'>停止</button>"
$('.readerControls').append(butDiy);
var num = 1
$('.autoScroll').click(function () {
num++;
autoScroll()
$('.autoScroll').html('播放X' + num)
})
// 滑动屏幕，滚至页面底部
function autoScroll() {
var distance = 1;
var timer = setInterval(() => {
var totalHeight = document.documentElement.scrollTop;
var scrollHeight = document.body.scrollHeight;
window.scrollBy(0, distance);
totalHeight += distance;
if (totalHeight >= scrollHeight) {
clearInterval(timer);
}
$('.autoScrollOff').click(function () {
num = 0
clearInterval(timer);
})
}, 20);
}
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;
windowTop = scrollS;
$('.readerControls').mouseenter ( function () {
$('.readerControls').css('opacity','1')
})
$('.readerControls').mouseleave ( function () {
$('.readerControls').css('opacity','0')
})
} else {
// 下滑隐藏
selBtn.style.opacity = 1;
readerControl.style.opacity = 1;
windowTop = scrollS;
}
});
})