LLWiki正在建設中,歡迎加入我們

「Widget:游戏主界面」修訂間的差異

出自LLWiki
跳至導覽 跳至搜尋
第16行: 第16行:
timer = setTimeout(function() {
timer = setTimeout(function() {
if(eleStatic.getBoundingClientRect().top < eleFixed.getBoundingClientRect().top) {
if(eleStatic.getBoundingClientRect().top < eleFixed.getBoundingClientRect().top) {
eleFixed.style.display = 'none';
eleFixed.style.visibility = 'hidden';
eleStatic.style.visibility = '';
eleStatic.style.visibility = '';
}
}
else {
else {
eleFixed.style.display = '';
eleFixed.style.visibility = '';
eleStatic.style.visibility = 'hidden';
eleStatic.style.visibility = 'hidden';
}
}

於 2020年10月6日 (二) 00:17 的修訂

Template-info.png 小部件文檔
這個文檔是內聯文檔。

請使用{{SIF nav}}調用。

JavaScript腳本:

window.addEventListener('load', function () {
    var eleStatic = document.querySelector('.start-screen');
    eleStatic.querySelectorAll('a').forEach(function(ele) {
        ele.href = 'javascript:void(0)';
    });
    var eleFixed = eleStatic.cloneNode(true);
    eleFixed.classList.add('sticky-bottom');
    eleStatic.parentNode.insertBefore(eleFixed, eleStatic);
    eleFixed.style.width = eleStatic.getBoundingClientRect().width + 'px';
    eleStatic.style.visibility = 'hidden';
    var timer = -1;
    window.addEventListener('scroll', function() {
        clearInterval(timer);
        timer = setTimeout(function() {
            if(eleStatic.getBoundingClientRect().top < eleFixed.getBoundingClientRect().top) {
                eleFixed.style.visibility = 'hidden';
                eleStatic.style.visibility = '';
            }
            else {
                eleFixed.style.visibility = '';
                eleStatic.style.visibility = 'hidden';
            }
        }, 400);
    });
});
//

CSS樣式表:

 */
.start-screen {
	text-align: center;
}
.start-screen table {
	display: inline-table;
}
.sticky-bottom {
	position: fixed;
	bottom: 3px;
}
/*