Jinsi ya kubadilisha ukubwa wa kichwa cha kichwa kwenye kusikia
- Kuhumu kwa kutumia: Kichwani cha kusoma cha kuzingatia Kuhumu kwa kutumia: Kichwani cha kusoma cha kuzingatia
- Kuhumu kwa kutumia: Tafiti ya hivi karibuni Kuhumu kwa kutumia: Tafiti ya madai
Tafuta jinsi ya kutumia CSS na JavaScript kuzingatia kichwa cha kichwa kwenye kusikia.
Jinsi ya kuzingatia kichwa cha kichwa kwenye kusikia
Kipindi cha kwanza - Ongeza HTML:
Ongeza kichwa cha ukurasa:
<div id="header">Header</div>
Kipindi cha mbili - Ongeza CSS:
Makosa ya kichwa cha ukurasa:
#header {
background-color: #f1f1f1; /* Mabara ya kina ya kijivu */
padding: 50px 10px; /* Ukubwa wa kina kwenye mabara mawili */
color: black;
text-align: center; /* Kifupi kikifu kwenye kina cha kati */
font-size: 90px; /* Kifupi kikubwa */
font-weight: bold;
position: fixed; /* Kina na kiwango - kwenye kipengele cha juu cha kipage */
top: 0;
width: 100%; /* Kifupu kipya kipya */
transition: 0.2s; /* Ongeza uharibifu wa kuzingatia (kukurudisha ukubwa wa kifupi kwenye kusikia) */
}
Kipindi cha tatu - Ongeza JavaScript:
// Kwa sababu inaingia kwenye kipengele cha juu cha kitabu 50px, kubadilisha ukubwa wa kifupi cha kichwa
window.onscroll = function() {scrollFunction()};
function scrollFunction() {
if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) {
document.getElementById("header").style.fontSize = "30px";
} na hili {
document.getElementById("header").style.fontSize = "90px";
}
}
- Kuhumu kwa kutumia: Kichwani cha kusoma cha kuzingatia Kuhumu kwa kutumia: Kichwani cha kusoma cha kuzingatia
- Kuhumu kwa kutumia: Tafiti ya hivi karibuni Kuhumu kwa kutumia: Tafiti ya madai
