哔哩哔哩（bilibili.com）动态页导航优化

1.哔哩哔哩动态页导航样式优化，有横竖两种，切换样式只需删除源码里“/*”和“*/”即可，同时请将另一种样式注释掉。2.默认显示“投稿视频”内容。
目前为 2018-04-07 提交的版本。查看最新版本。
换行
// ==UserScript==
// @name                     哔哩哔哩（bilibili.com）动态页导航优化
// @namespace          http://asifadeaway.com/
// @version                  0.4
// @icon                        https://static.hdslb.com/images/favicon.ico
// @description           1.哔哩哔哩动态页导航样式优化，有横竖两种，切换样式只需删除源码里“/*”和“*/”即可，同时请将另一种样式注释掉。2.默认显示“投稿视频”内容。
// @author                    QIUZAIYOU
// @match                    http*://t.bilibili.com/*
// @grant                      none
// @require                   https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js
// ==/UserScript==
/*——默认显示“投稿视频”内容开始——*/
   $(function() {
   	$(".tab-bar .tab a").removeClass("selected");
   	$(".tab-bar > div:nth-child(3) > a:nth-child(1)").addClass("selected");
   	$(".tab-bar .line").css("transform", "translateX(172px)");
   	var url = $(location).attr('href');

   	function OpenDongTai() {

   		if (url == 'https://t.bilibili.com/pages/nav/index') {
   			return false; //不影响BiliBili首页导航栏动态悬浮窗内容显示
   		} else if (url != 'https://t.bilibili.com/?tab=8') {
   			window.location.href = "https://t.bilibili.com/?tab=8";
   		} else {
   			return false;
   		}
   	}
   	OpenDongTai();
   });
/*——默认显示“投稿视频”内容结束——*/

/*——横排样式开始——*/

   //横排置顶样式且导航栏置顶显示
   $(function() {
   	var a = $('.tab-bar'),
   		b = a.offset(),
   		d = $('.tab-bar .tab'),
   		e = $('.tab-bar .tab .tab-text'); //返回或设置导航栏相对于文档的偏移(位置)
   	//加个屏幕滚动事件，c是滚动条相当于文档最顶端的距离
   	$(document).on('scroll', function() {
   		var c = $(document).scrollTop();
   		//当滚动的屏幕距离大于等于导航栏本身离最顶端的距离时（判断条件）给它加样式（根据自己业务的条件加样式，一般如下）
   		if (b.top <= c) {
   			d.css({
   				textAlign: 'center',
   				margin: '0 auto',
   			});
   			e.css('lineHeight', '40px');
   			a.css({
   				position: 'fixed',
   				width: '632px',
   				top: '0',
   				margin: '0 auto',
   				zIndex: '915049',
   				height: '40px',
   				lineHeight: '40px'
   			});
   		} else {
   			d.css({
   				margin: '',
   				textAlign: ''
   			});
   			e.css('lineHeight', '');
   			a.css({
   				position: '',
   				width: '',
   				top: '',
   				margin: '',
   				zIndex: '',
   				height: '',
   				lineHeight: ''
   			});
   		}
   	});

   });

 /*——横排样式结束——*/


/*——竖排样式开始——*/
/*
$(function() {
    var a = $('.tab-bar'),
        b = a.offset(), //返回或设置导航栏相对于文档的偏移(位置)
        d = $('.tab-bar .tab'),
        e = $('.line');
    //加个屏幕滚动事件，c是滚动条相当于文档最顶端的距离
    $(document).on('scroll', function() {
        var c = $(document).scrollTop();
        //当滚动的屏幕距离大于等于导航栏本身离最顶端的距离时（判断条件）给它加样式（根据自己业务的条件加样式，一般如下）
        if(b.top <= c) {
            d.css({
                display:'block',
                padding:'0',
                textAlign:'center',
                margin: '0 auto',
            });
            e.css('display','none');
            a.css({
                position: 'fixed',
                width: '70px',
                left: '50%',
                margin: '0 0 0 313px',
                zIndex: '915049',
                height:'335px',
                lineHeight:'40px',
                boxShadow:'0 0 10px 0 rgba(154,197,242,.9)'

            });
        } else {
            d.css({
                display:'',
                padding:'',
                margin: '',
                textAlign:''
            });
            e.css('display','');
            a.css({
                position: '',
                width: '',
                left: '',
                margin: '',
                zIndex: '',
                height:'',
                lineHeight:'',
                boxShadow:''
            });
        }
    });
});
*/
 /*——竖排样式结束——*/
欢迎访问Greasy Fork镜像
