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
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;