אם אתם רוצים להגדיר גובה אחיד לפסקת טקסט במידה שיש הרבה טקסט, הוסיפו את ה-ID ל – ID CSS תחת מתקדם, text_scroll
ואז הוסיפו את הקוד הבא ל CSS מותאם:
CSS
#text_scroll {
max-height: 300px;
overflow-x: hidden;
padding-left: 10px;
}
#text_scroll::-webkit-scrollbar {
width: 4px;
border-radius: 100px!important;
}
#text_scroll::-webkit-scrollbar-track {
background: #C1C1C1;
border-radius: 100px;
}
#text_scroll::-webkit-scrollbar-thumb {
background: #BFA675;
border-radius: 100px;
}וכדי להסתיר את הגלילה כשהטקסט פחות מ 300px תוסיפו את הקוד לווידגט Html מתחת לווידגט טקסט.
JavaScript
<script>
window.addEventListener('load', function () {
var textScroll = document.getElementById('text_scroll');
var scrollHeight = textScroll.scrollHeight;
if (scrollHeight <= 300) {
textScroll.style.overflowY = 'hidden';
} else {
textScroll.style.overflowY = 'auto';
}
});
</script>
תגובה אחת
תודה רבה על האתר המושלם!