cara supaya gambar gak gerak ngikutin scrollpane pake CSS

pengen tau nich gimana caranya bikin gambar tetep ditempat.

dan gak gerak walaupun scrollpane browser berubah?

gampang aja, cuma pake CSS, wkkkkkk

langsung aja nich, caranya kita gunain style css :

position: fixed

misal sekarang gw bikin id style agar sebuah div gak bergerak dan disana misal :

#content {
   position: fixed;
   top : 10px;
   right : 10px;
}

lalu di file htmlnya gw bikin div yang berisikan gambar kayak gini :

<div id=”content”>
   <img src=”resource/image/mummy3_poster1.jpg” alt=”echo”>
</div>

sekarang ini contoh gambarnya :

sekarag pas scrollpane dirubah gambar mummy akan tetap ditempatnya dan gak berubah :

gimana, gampang kan?

sekarang gw jelasin dari kode style dibawah ini :

#content {
   position: fixed;
   top : 10px;
   right : 10px;
}

#content artinya gw bikin style dengan id baru jadi pemangginallnya cukup gunain <div id=”content”>

position:fixed artinya gw bikin setiap komponen html yang memiliki id content ditampilkan fixe yang maksudnya posisinya tetap dan tak kan berubah.

top:10px artinya gw bikin komponen yang pake id content diletakkan 10px dari atas

right:10px artinya gw bikin komponen yang pake id content diletakkan 10px dari kanan

 

trix ini bagus buat bikin banner ato majang foto lo di web supaya keliatan terus

buat narsiz2-an, wakkkkkk