// ==UserScript== // @name NGA Pins // @namespace https://greasyfork.org/zh-CN/scripts/36246-nga-pins // @version 0.0.9.20180215 // @icon http://bbs.nga.cn/favicon.ico // @description NGA Pins 可将顶部菜单、导航栏、页码栏固定在窗口顶部,亦可通过设置取消其中某项;主帖内容较长时将作者信息固定在主帖左侧(不包含回复) // @author AgLandy // @include /^https?:\/\/(bbs\.ngacn\.cc|nga\.178\.com|bbs\.nga\.cn)/ // @grant none // @license MIT License // @downloadURL none // ==/UserScript== //发布地址:http://bbs.ngacn.cc/read.php?tid=13033636 if(typeof jQuery == 'undefined'){ let s = document.createElement('script'); s.type = 'text/javascript'; s.src = 'https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js'; s.onload = s.onreadystatechange = function(){ if(!this.readyState || 'loaded' === this.readyState || 'complete' === this.readyState){ main(jQuery.noConflict()); this.onload = this.onreadystatechange = null; } }; document.head.appendChild(s); } else main(jQuery); function main($Q){ if(!window.commonui) return; var pins = commonui.pins = {}; function testStorage(s){ if(!!s){ try{ s.testkey = 'testvalue'; s.removeItem('testkey'); return true; } catch(e){ return false; } } else return false; } function init(){ let args = {}; if(localStorage.pins) args = JSON.parse(localStorage.pins); else{ args = {a: 56, b: 42, c: 43}; localStorage.pins = JSON.stringify(args); } __SETTING.pins = function(){ this.o = commonui.createCommmonWindow(); this.o._.addContent(null); var $ = window._$; this.o._.addTitle('Pins 设置'); let update = function(t){ if(t.checked) pins.args[t.name] = parseInt(t.value); else pins.args[t.name] = 0; localStorage.pins = JSON.stringify(pins.args); pins.update(); }, z = [['a', '56', '顶部菜单'], ['b','42', '导航栏'], ['c','43', '页码栏']]; for(let i = 0; i < z.length; i++){ let k = $('/input').$0('type','checkbox','checked',0,'name',z[i][0],'value',z[i][1])._.on('click', function(e){update(e.target);}); this.o._.addContent( k, z[i][2], $('/br') ); if(pins.args[z[i][0]]) k._.attr('checked', 1); } this.o._.show(); }; commonui.mainMenu.data[401] = {innerHTML: 'Pins 设置', on: {event: 'click', func: function(){__SETTING.pins();}}, parent: 18}; commonui.mainMenu.data[18].subKeys.push(401); return args; } $Q('').html(' #m_pbtntop tbody {pointer-events:auto;} ').appendTo('head'); pins.update = function(){ let args = pins.args, hA = args.a + 8, hB = args.b && args.b + 8, hC = args.c && args.c + 8, a = $Q('#mainmenu'), b = $Q('#m_nav'), c = $Q('#m_pbtntop'), t = $Q('#posterinfo0').closest('td'), h = c.length && c.offset().top - hA - hB || b.offset().top - hA, z = [[a, 'pinsTopBar'], [b, 'pinsNavBar'], [c, 'pinsPageBar'], [t, 'pinsAuthorInfo']], newDiv = function(i){ return $Q('
').append(z[i][0].children()).appendTo(z[i][0]); }; //还原默认 for(let i = 0; i < z.length; i++){ if($Q('#' + z[i][1]).length) $Q('#' + z[i][1]).contents().unwrap(); } $Q(window).unbind('.pins'); //顶部菜单 if(args.a){ let d = newDiv(0); d.css({'height':a.css('height'), 'width':'100%', 'overflow':'hidden', 'position':'fixed', 'top':'0px', 'z-index':'3', 'opacity':'0.95'}); $Q(window).bind('scroll.pins', function(){ if($Q(window).scrollTop() > $Q('#custombg').height()) d.css({'border-bottom':'1px solid #' + __COLOR.shadow1.replace(/;.+;/,'').replace(/^.+#/,'')}); else d.css({'border-bottom':''}); }); } //导航栏 if(args.b){ let d = newDiv(1); b.css({'height':b.css('height')}); b.find('.bbsinfo').prependTo(b); $Q(window).bind('scroll.pins', function(){ if($Q(window).scrollTop() > h) d.css({'position':'fixed', 'top':hA + 'px', 'z-index':'3', 'opacity':'0.95'}); else d.css({'position':'', 'top':'', 'z-index':'', 'opacity':''}); }); } //页码栏 if(args.c){ let d = newDiv(2); c.css({'height':c.css('height')}); $Q(window).bind('scroll.pins', function(){ if($Q(window).scrollTop() > h) d.css({'width':'calc(100% - 20px)', 'position':'fixed', 'top':(hA + hB) + 'px', 'z-index':'2', 'opacity':'0.95', 'pointer-events':'none'}); else d.css({'width':'', 'position':'', 'top':'', 'z-index':'', 'opacity':''}); }); } //作者信息 if($Q('#posterinfo0').length && $Q('#posterinfo0').closest('td').outerHeight() > 600){ t.css({'min-width':'197px'}); let d = newDiv(3), h1 = hA + hB + hC + 6, h2 = d.offset().top - h1, w = function(){ d.css('width', t.css('width')); }; if(/firefox/.test(navigator.userAgent.toLowerCase())){ $Q('.postcontent').bind('click.pins', function(){setTimeout(w,5);}); $Q(window).bind('transitionend.pins', function(){setTimeout(w,5);}); } else{ let mo = new MutationObserver(w); mo.observe($Q('#posterinfo0').closest('table')[0], { childList: true, subtree: true, attributes: true }); } $Q(window).bind('resize.pins', w); $Q(window).bind('scroll.pins', function(){ if($Q(window).scrollTop() > h2 && $Q(window).scrollTop() < t.height() - d.height() + h2) d.css({'width':t.css('width'), 'position':'fixed', 'top':h1 + 'px'}); else if($Q(window).scrollTop() >= t.height() - d.height() + h2) d.css({'width':t.css('width'), 'position':'fixed', 'top':(h1 - $Q(window).scrollTop() + t.height() - d.height() + h2) + 'px'}); else d.css({'width':'', 'position':'', 'top':''}); }); } $Q(window).triggerHandler('scroll.pins'); }; pins.args = !testStorage(window.localStorage) ? {a: 56, b: 42, c: 43} : init(); pins.update(); }