added scroll to bottom template

This commit is contained in:
southseact-3d
2026-02-16 13:42:05 +00:00
parent 9a325df739
commit c2e5980a8b
8 changed files with 661 additions and 0 deletions

View File

@@ -0,0 +1,97 @@
.stt-preview-container {
border: 1px solid #ddd;
padding: 20px;
margin-top: 20px;
border-radius: 4px;
background: #f9f9f9;
}
.stt-preview-box {
position: relative;
height: 200px;
overflow-y: auto;
border: 1px solid #ccc;
background: #fff;
padding: 15px;
font-size: 14px;
}
.stt-preview-content p {
margin-bottom: 10px;
}
.scroll-to-top-button {
position: fixed;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
cursor: pointer;
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
}
.scroll-to-top-button.visible {
opacity: 1;
visibility: visible;
}
.scroll-to-top-button.stt-style-circle {
border-radius: 50%;
}
.scroll-to-top-button.stt-style-arrow,
.scroll-to-top-button.stt-style-text {
border-radius: 4px;
}
.scroll-to-top-button.stt-size-small {
width: 40px;
height: 40px;
font-size: 16px;
}
.scroll-to-top-button.stt-size-medium {
width: 50px;
height: 50px;
font-size: 20px;
}
.scroll-to-top-button.stt-size-large {
width: 60px;
height: 60px;
font-size: 24px;
}
.scroll-to-top-button.stt-position-bottom-right {
right: 20px;
bottom: 20px;
}
.scroll-to-top-button.stt-position-bottom-left {
left: 20px;
bottom: 20px;
}
.stt-button-content {
pointer-events: none;
}
.stt-style-circle .stt-button-content::before {
content: '↑';
}
.stt-style-arrow .stt-button-content::before {
content: '↑';
}
.stt-style-text .stt-button-content::before {
content: 'Top';
font-weight: bold;
}
.color-picker {
width: 70px;
height: 35px;
}