lostyazilim
tr.link

Ekran Yukarı Aşağı Kaydıkça Divin Hareket Etmesini Nasıl Yapabilirim?

8 Mesajlar 2.179 Okunma
acebozum
tr.link

stiltasarim stiltasarim Üni Hakkında - Üniversite Kullanıcı
  • Üyelik 06.04.2013
  • Yaş/Cinsiyet 27 / E
  • Meslek Bilgisayar Mühendisi - Öğrenci
  • Konum İstanbul Avrupa
  • Ad Soyad A** Ç**
  • Mesajlar 1370
  • Beğeniler 194 / 204
  • Ticaret 18, (%100)
Selamun Aleyküm;

Öncelikle konuyla ilgilenen herkese şimdiden teşekkür ederim. Bir html/css dökümü yapmaya çalışıyorum ama sidebardaki divin yukarı aşağı hareket etmesini ayarlayamadım. Bunun için js koduna ihtiyacım olduğunu düşündüm. Bu konuda herhangi bir bilgisi olan arkadaş var mı? Bu olayın adını bilen?
 

 

elektronikssl
webimgo

carasar carasar All ızz well... Kullanıcı
  • Üyelik 29.10.2016
  • Yaş/Cinsiyet 33 / E
  • Meslek Öğretmen
  • Konum Konya
  • Ad Soyad O** K**
  • Mesajlar 1116
  • Beğeniler 499 / 498
  • Ticaret 16, (%100)
Css Position arastirmani öneririm.
Bahsettigin gibi bir olayı elde etmek için divin css'sine position :fixed; deyimini eklemen yeterli olacaktır. Ancak divin sabit konumlandirmasini yaptığımız için ekranın neresinde duracaginida yazmalisin.

Örnek olarak sağ sidebarda sabit kalacak bir div için ornek değerler
position:fixed;
right: 50px;
top: 100px;
 

 

WPZON WPZON Wordpress Temaları Kullanıcı
  • Üyelik 27.02.2016
  • Yaş/Cinsiyet 29 / E
  • Meslek Wordpress Tema Tasarım
  • Konum İstanbul Anadolu
  • Ad Soyad M** K**
  • Mesajlar 1446
  • Beğeniler 203 / 261
  • Ticaret 37, (%100)
.divadı {
.position: fixed;
}

Div adını düzenlersiniz hocam
 

 

stiltasarim stiltasarim Üni Hakkında - Üniversite Kullanıcı
  • Üyelik 06.04.2013
  • Yaş/Cinsiyet 27 / E
  • Meslek Bilgisayar Mühendisi - Öğrenci
  • Konum İstanbul Avrupa
  • Ad Soyad A** Ç**
  • Mesajlar 1370
  • Beğeniler 194 / 204
  • Ticaret 18, (%100)

carasar adlı üyeden alıntı

Css Position arastirmani öneririm.
Bahsettigin gibi bir olayı elde etmek için divin css'sine position :fixed; deyimini eklemen yeterli olacaktır. Ancak divin sabit konumlandirmasini yaptığımız için ekranın neresinde duracaginida yazmalisin.

Örnek olarak sağ sidebarda sabit kalacak bir div için ornek değerler
position:fixed;
right: 50px;
top: 100px;


Hocam sadece sabit kalmasını istemiyorum. Diyelimki bilgisayarın ekranının genişliği 768px olsun. Bizim sidebar divimizin genişliğide 1000px olsun. Sayfada aşağı yukarı hareket ettiğim zaman yukarı çıkarken sidebar divinin en üst gözüksün. Aşağı inerkende sayfa ne kadar inerse insin sidebar divinin en altı gözüksün. Bunu istiyorum.
 

 

wmaraci
wmaraci

wpuzman wpuzman WordPress Developer Kullanıcı
  • Üyelik 13.01.2017
  • Yaş/Cinsiyet 33 / E
  • Meslek Yazılım
  • Konum Trabzon
  • Ad Soyad B** M**
  • Mesajlar 2771
  • Beğeniler 293 / 949
  • Ticaret 33, (%100)
Bunun için jquery sticky sidebar eklentisi var. En sağlam onla yaparsın.
stiltasarim

kişi bu mesajı beğendi.

stiltasarim stiltasarim Üni Hakkında - Üniversite Kullanıcı
  • Üyelik 06.04.2013
  • Yaş/Cinsiyet 27 / E
  • Meslek Bilgisayar Mühendisi - Öğrenci
  • Konum İstanbul Avrupa
  • Ad Soyad A** Ç**
  • Mesajlar 1370
  • Beğeniler 194 / 204
  • Ticaret 18, (%100)
bilimokur Hocam wordpress kullanmicam. Özel script olucak.
 

 

wpuzman wpuzman WordPress Developer Kullanıcı
  • Üyelik 13.01.2017
  • Yaş/Cinsiyet 33 / E
  • Meslek Yazılım
  • Konum Trabzon
  • Ad Soyad B** M**
  • Mesajlar 2771
  • Beğeniler 293 / 949
  • Ticaret 33, (%100)
Wordpress eklentisi demedim zaten jquery eklentisi. Önce jquery yi scriptinize yükleyeceksiniz. Daha sonra sticky.sidebar.js yi hemen altına yükleyeceksiniz. Gerisi sabit kalmasını istediğiniz div e class vermeye kalıyor. Sitesinde nasıl kullanılacağı yazıyor zaten.
stiltasarim

kişi bu mesajı beğendi.

stiltasarim stiltasarim Üni Hakkında - Üniversite Kullanıcı
  • Üyelik 06.04.2013
  • Yaş/Cinsiyet 27 / E
  • Meslek Bilgisayar Mühendisi - Öğrenci
  • Konum İstanbul Avrupa
  • Ad Soyad A** Ç**
  • Mesajlar 1370
  • Beğeniler 194 / 204
  • Ticaret 18, (%100)
bilimokur Çok sağolun hocam.
 

 

Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al