LLWiki正在建设中,欢迎加入我们

“Widget:游戏主界面”的版本间差异

来自LLWiki
跳转到导航 跳转到搜索
第11行: 第11行:
eleFixed.style.width = eleStatic.getBoundingClientRect().width + 'px';
eleFixed.style.width = eleStatic.getBoundingClientRect().width + 'px';
eleStatic.style.visibility = 'hidden';
eleStatic.style.visibility = 'hidden';
var timer = -1;
window.addEventListener('scroll', function() {
window.addEventListener('scroll', function() {
if(eleStatic.getBoundingClientRect().top < eleFixed.getBoundingClientRect().top) {
clearInterval(timer);
eleFixed.style.visibility = 'hidden';
timer = setTimeout(function() {
if(eleStatic.getBoundingClientRect().top < eleFixed.getBoundingClientRect().top) {
eleStatic.style.visibility = '';
}
eleFixed.style.visibility = 'hidden';
else {
eleStatic.style.visibility = '';
}
eleFixed.style.visibility = '';
else {
eleStatic.style.visibility = 'hidden';
}
eleFixed.style.visibility = '';
eleStatic.style.visibility = 'hidden';
}
}, 400);
});
});
});
});

2020年10月6日 (二) 00:18的版本

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';
    window.addEventListener('scroll', function() {
        if(eleStatic.getBoundingClientRect().top < eleFixed.getBoundingClientRect().top) {
            eleFixed.style.visibility = 'hidden';
            eleStatic.style.visibility = '';
        }
        else {
            eleFixed.style.visibility = '';
            eleStatic.style.visibility = 'hidden';
        }
    });
});
//

CSS样式表:

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