Kategoriler
Kodlama

scroll-margin (CSS)

Bugün CSS’de yeni bir şey daha öğrendim, scroll-margin. Modern tarayıcıların tümünde sorunsuz çalışıyor.

Sayfa içerisinde bir yere link verdiğimizde öğrneğin #sayfanınbirkısmı gibi, tıklandığında buraya gidildiğinde bazen istediğiniz gibi görünmeyebiliyor, biraz aşağıda veya yukarıda gibi, bu gibi durumları aşağıdaki gibi bir kod ile çözebiliriz:

#myanchor {
    scroll-margin-top: 73px;
}

Böylece link verdiğimiz sayfanın o kısmı istediğimiz gibi görünebilir, çok beğendim bunu ve kullanacağım ^^

Daha fazla bilgi için:

scroll-margin – CSS: Cascading Style Sheets | MDN

scroll-margin – CSS-Tirks

Codepen örneği

Heads up: It doesn’t look like your browser supports scroll snapping! Check Can I use for current browser support. Maybe try opening this CodePen in a different browser, like Chrome?

Scroll slowly to “feel” the snap points.

scroll-margin: 0px;
scroll-margin-top
scroll-margin-left
scroll-margin: 10px;
scroll-margin-top
scroll-margin-left
scroll-margin: 50px;
scroll-margin-top
scroll-margin-left
scroll-margin: 50px 10px;

wolkanca.com’da scroll-margin (CSS) veya diğer konular hakkında herhangi bir sorunuz varsa, sosyal medya butonları ile yorum ya da mesaj göndermekten çekinmeyin, scroll-margin (CSS) için ya da değil DM kapısı her daim açık. Yazıyı beğendiyseniz paylaşın, daha fazla ilgili gönderi için hemen aşağıdaki menülere göz gezdirebilirsiniz, okuduğunuz için teşekkürler, saygılar sevgiler.

WOLKANCA

Volkan Yılmaz

Digital Marketing & WordPress & SEO - wolkanca mahallesi gmail sokak nokta com.