LLWiki正在建設中,歡迎加入我們!
「Widget:游戏主界面」修訂間的差異
跳至導覽
跳至搜尋
小 |
小 標籤:行動版網頁編輯 行動版編輯 |
||
第9行: | 第9行: | ||
parent = document.querySelector('#mw-content-text > .mw-parser-output'); |
parent = document.querySelector('#mw-content-text > .mw-parser-output'); |
||
if(mw.config.get('skin') == 'minerva') { parent.appendChild(eleStatic); } |
if(mw.config.get('skin') == 'minerva') { parent.appendChild(eleStatic); } |
||
eleFixed.style.width = eleStatic.getBoundingClientRect().width + 'px'; |
|||
⚫ | |||
window.addEventListener('scroll', function() { |
window.addEventListener('scroll', function() { |
||
if(eleStatic.getBoundingClientRect().top < eleFixed.getBoundingClientRect().top) { |
if(eleStatic.getBoundingClientRect().top < eleFixed.getBoundingClientRect().top) { |
||
eleFixed.style.visibility = 'hidden'; |
eleFixed.style.visibility = 'hidden'; |
||
eleStatic.style.visibility = ''; |
eleStatic.style.visibility = 'visible'; |
||
} |
} |
||
else { |
else { |
||
第31行: | 第29行: | ||
.start-screen table { |
.start-screen table { |
||
display: inline-table; |
display: inline-table; |
||
} |
|||
.static-bottom { |
|||
⚫ | |||
} |
} |
||
.sticky-bottom { |
.sticky-bottom { |
||
position: fixed; |
position: fixed; |
||
bottom: 3px; |
bottom: 3px; |
||
} |
|||
.skin-vector .sticky-bottom { |
|||
width: calc(100% - 14rem); |
|||
} |
|||
.skin-vector .sticky-bottom { |
|||
width: 100%; |
|||
left: 0; |
|||
} |
} |
||
/* </pre><includeonly> */ |
/* </pre><includeonly> */ |
於 2020年10月6日 (二) 01:54 的修訂
JavaScript腳本:
window.addEventListener('load', function () {
document.querySelectorAll('.start-screen a').forEach(function(ele) {
ele.href = 'javascript:void(0)';
});
var eleStatic = document.querySelector('.static-bottom'),
eleFixed = document.querySelector('.sticky-bottom'),
parent = document.querySelector('#mw-content-text > .mw-parser-output');
if(mw.config.get('skin') == 'minerva') { parent.appendChild(eleStatic); }
window.addEventListener('scroll', function() {
if(eleStatic.getBoundingClientRect().top < eleFixed.getBoundingClientRect().top) {
eleFixed.style.visibility = 'hidden';
eleStatic.style.visibility = 'visible';
}
else {
eleFixed.style.visibility = '';
eleStatic.style.visibility = 'hidden';
}
});
});
//
CSS樣式表:
*/
.start-screen {
text-align: center;
}
.start-screen table {
display: inline-table;
}
.static-bottom {
visibility: hidden;
}
.sticky-bottom {
position: fixed;
bottom: 3px;
}
.skin-vector .sticky-bottom {
width: calc(100% - 14rem);
}
.skin-vector .sticky-bottom {
width: 100%;
left: 0;
}
/*