B\u00f6l\u00fcm 1: Giri\u015f<\/h3>\n
...<\/p>\n <\/section>\n
B\u00f6l\u00fcm 2: Detaylar<\/h3>\n
...<\/p>\n <\/section>\n<\/article><\/code><\/pre>\n
.section-title {\n    position: sticky;\n    top: 0;\n    background-color: #eee;\n    padding: 0.5rem;\n    margin: 0;\n    z-index: 10;\n}<\/code><\/pre>\nTablolar\u0131n Ba\u015fl\u0131k Sat\u0131rlar\u0131<\/h3>\nUzun tablolarda, kullan\u0131c\u0131lar tabloyu a\u015fa\u011f\u0131 kayd\u0131rd\u0131k\u00e7a ba\u015fl\u0131k sat\u0131r\u0131n\u0131n g\u00f6r\u00fcn\u00fcr kalmas\u0131, verilerin okunabilirli\u011fini art\u0131r\u0131r. Bu senaryo genellikle <\/p>\n<\/code> etiketi i\u00e7inde position: sticky<\/code> kullan\u0131larak elde edilir.<\/p>\n
position: sticky Kullan\u0131m\u0131n\u0131n Detaylar\u0131<\/h2>\nposition: sticky<\/code>‘yi etkili bir \u015fekilde kullanmak i\u00e7in baz\u0131 \u00f6nemli detaylara dikkat etmek gerekir.<\/p>\n
Gerekli CSS \u00d6zellikleri<\/h3>\nBir elementin sticky<\/code> olarak davranmas\u0131 i\u00e7in iki temel CSS \u00f6zelli\u011fi gereklidir:
\n1.  position: sticky;<\/code><\/strong>: Elementi yap\u0131\u015fkan konumland\u0131rma ba\u011flam\u0131na sokar.
\n2.  En az bir ofset \u00f6zelli\u011fi (top<\/code>, right<\/code>, bottom<\/code>, left<\/code>)<\/strong>: Elementin ne zaman ve nerede yap\u0131\u015faca\u011f\u0131n\u0131 belirler. Bu ofset de\u011ferleri olmadan element yap\u0131\u015fkan davran\u0131\u015f\u0131 g\u00f6stermez. \u00d6rne\u011fin, top: 0;<\/code> veya bottom: 10px;<\/code> gibi.<\/p>\n
Taray\u0131c\u0131 Deste\u011fi ve Vendor Prefix’ler<\/h3>\nposition: sticky<\/code> g\u00fcn\u00fcm\u00fcz modern taray\u0131c\u0131lar\u0131nda olduk\u00e7a iyi bir deste\u011fe sahiptir (Chrome, Firefox, Safari, Edge). Ge\u00e7mi\u015fte webkit-sticky<\/code> gibi vendor prefix’ler gerekliyken, art\u0131k \u00e7o\u011fu taray\u0131c\u0131da do\u011frudan position: sticky<\/code> kullan\u0131labilir. Ancak, eski taray\u0131c\u0131lar\u0131 desteklemeniz gerekiyorsa, caniuse.com<\/code> gibi kaynaklardan g\u00fcncel taray\u0131c\u0131 deste\u011fini kontrol etmek faydal\u0131 olacakt\u0131r. Genellikle, position: -webkit-sticky; position: sticky;<\/code> \u015feklinde tan\u0131mlamak, maksimum uyumluluk i\u00e7in iyi bir pratiktir.<\/p>\n
Sticky Konteksin \u00d6nemi<\/h3>\nDaha \u00f6nce de belirtti\u011fimiz gibi, sticky elementin davran\u0131\u015f\u0131n\u0131 belirleyen en kritik fakt\u00f6rlerden biri “sticky konteks”tir. Bir elementin sticky konteksi, genellikle onun en yak\u0131n kayd\u0131rma kapsay\u0131c\u0131s\u0131d\u0131r. Ancak, bu konteksin y\u00fcksekli\u011fi ve overflow<\/code> \u00f6zellikleri, sticky elementin yap\u0131\u015f\u0131p yap\u0131\u015famayaca\u011f\u0131n\u0131 do\u011frudan etkiler.<\/p>\n
*   Y\u00fckseklik<\/strong>: Sticky elementin yap\u0131\u015fkan kalabilece\u011fi alan, sticky konteksinin (parent element) y\u00fcksekli\u011fi ile s\u0131n\u0131rl\u0131d\u0131r. E\u011fer parent elementin y\u00fcksekli\u011fi, sticky elementin kendisi kadar veya ondan daha az ise, elementin yap\u0131\u015facak bir alan\u0131 kalmaz ve yap\u0131\u015fkan davran\u0131\u015f\u0131 g\u00f6zlemlenmez. Sticky elementin yap\u0131\u015fabilmesi i\u00e7in, parent elementinin yeterince uzun olmas\u0131, yani sticky elementin kayd\u0131r\u0131laca\u011f\u0131 kadar bo\u015f alana sahip olmas\u0131 gerekir.
\n*   overflow<\/code> \u00d6zelli\u011fi<\/strong>: Bu, position: sticky<\/code> ile ilgili en yayg\u0131n sorun kaynaklar\u0131ndan biridir. Bir parent elementin overflow<\/code> \u00f6zelli\u011fi hidden<\/code>, scroll<\/code> veya auto<\/code> olarak ayarlanm\u0131\u015fsa, bu durum sticky elementin davran\u0131\u015f\u0131n\u0131 ciddi \u015fekilde etkileyebilir.<\/p>\n
position: sticky ve overflow \u00d6zelli\u011fi<\/h2>\noverflow<\/code> \u00f6zelli\u011fi, bir elementin i\u00e7eri\u011fi kutusunun d\u0131\u015f\u0131na ta\u015ft\u0131\u011f\u0131nda ne olaca\u011f\u0131n\u0131 kontrol eder. position: sticky<\/code> ile birlikte kullan\u0131ld\u0131\u011f\u0131nda, bu \u00f6zellikler beklenmedik sonu\u00e7lara yol a\u00e7abilir.<\/p>\n
*   overflow: hidden<\/code><\/strong>: E\u011fer sticky elementin bir parent’\u0131nda overflow: hidden<\/code> varsa, bu parent kendi i\u00e7eri\u011fini kayd\u0131rmaz. Dolay\u0131s\u0131yla, i\u00e7indeki sticky elementin yap\u0131\u015fabilece\u011fi bir kayd\u0131rma konteksi kalmaz ve element yap\u0131\u015fmaz. Bu, sticky<\/code> davran\u0131\u015f\u0131n\u0131n tamamen engellenmesine neden olan yayg\u0131n bir durumdur.
\n*   overflow: scroll<\/code> veya overflow: auto<\/code><\/strong>: Bu de\u011ferler, parent elementin i\u00e7eri\u011fi ta\u015ft\u0131\u011f\u0131nda kayd\u0131rma \u00e7ubuklar\u0131 olu\u015fturur. E\u011fer sticky elementin yap\u0131\u015fmas\u0131 gereken kayd\u0131rma, bu parent elementin i\u00e7indeki kayd\u0131rma ise, sticky element bu parent’\u0131n i\u00e7inde yap\u0131\u015f\u0131r. Ancak, e\u011fer sayfan\u0131n genel kayd\u0131rmas\u0131na (yani body<\/code> veya html<\/code> elementinin kayd\u0131rmas\u0131na) g\u00f6re yap\u0131\u015fmas\u0131 bekleniyorsa ve arada overflow: scroll<\/code> veya overflow: auto<\/code> olan bir parent varsa, sticky element bu ara parent’a yap\u0131\u015f\u0131r ve viewport’a g\u00f6re yap\u0131\u015fmaz. Bu durum, beklenen davran\u0131\u015ftan farkl\u0131 bir sonu\u00e7 do\u011furabilir.<\/p>\n
\u00c7\u00f6z\u00fcm<\/strong>: E\u011fer bir sticky elementin yap\u0131\u015fmamas\u0131ndan \u015f\u00fcpheleniyorsan\u0131z, elementin parent zincirindeki overflow<\/code> \u00f6zelliklerini kontrol edin. \u00d6zellikle overflow: hidden<\/code> i\u00e7eren bir parent varsa, bu de\u011feri de\u011fi\u015ftirmeyi veya sticky elementin yap\u0131s\u0131n\u0131 yeniden d\u00fczenlemeyi d\u00fc\u015f\u00fcnebilirsiniz. Genellikle, position: sticky<\/code> elementlerin, overflow: visible<\/code> olan parent’lar i\u00e7inde ve do\u011frudan body<\/code> veya html<\/code> elementinin kayd\u0131rma ba\u011flam\u0131nda \u00e7al\u0131\u015fmas\u0131 hedeflenir.<\/p>\n
position: sticky ve Z-index<\/h2>\nz-index<\/code> \u00f6zelli\u011fi, konumland\u0131r\u0131lm\u0131\u015f elementlerin (yani position<\/code> de\u011feri static<\/code> olmayan elementlerin) \u00fcst \u00fcste binme s\u0131ras\u0131n\u0131 kontrol eder. position: sticky<\/code> bir element de konumland\u0131r\u0131lm\u0131\u015f bir element oldu\u011fu i\u00e7in z-index<\/code> de\u011feri ona uygulanabilir.<\/p>\n
Yap\u0131\u015fkan bir elementin di\u011fer i\u00e7eriklerin \u00fczerine mi yoksa alt\u0131na m\u0131 yerle\u015fece\u011fini kontrol etmek i\u00e7in z-index<\/code> kullanabilirsiniz. \u00d6rne\u011fin, bir sabit ba\u015fl\u0131\u011f\u0131n sayfa i\u00e7eri\u011finin \u00fczerine gelmesini istiyorsan\u0131z, ba\u015fl\u0131k elementine y\u00fcksek bir z-index<\/code> de\u011feri atayabilirsiniz (\u00f6rne\u011fin, z-index: 100;<\/code>). E\u011fer yap\u0131\u015fkan bir yan men\u00fcn\u00fcn ana i\u00e7eri\u011fin alt\u0131na kaymas\u0131n\u0131 istiyorsan\u0131z, daha d\u00fc\u015f\u00fck bir z-index<\/code> kullanabilirsiniz.<\/p>\n
Unutmay\u0131n ki z-index<\/code> sadece ayn\u0131 y\u0131\u011f\u0131lm\u0131\u015f ba\u011flam (stacking context) i\u00e7indeki elementler aras\u0131nda etkilidir. Yeni bir y\u0131\u011f\u0131lm\u0131\u015f ba\u011flam, position<\/code> de\u011feri static<\/code> olmayan bir elementin z-index<\/code> de\u011feri tan\u0131mland\u0131\u011f\u0131nda veya opacity<\/code>, transform<\/code>, filter<\/code> gibi baz\u0131 CSS \u00f6zelliklerinin kullan\u0131lmas\u0131yla olu\u015fturulabilir.<\/p>\n
position: sticky vs. Di\u011fer Konumland\u0131rma Y\u00f6ntemleri<\/h2>\nCSS’te elementleri konumland\u0131rmak i\u00e7in farkl\u0131 y\u00f6ntemler bulunur. position: sticky<\/code>‘nin avantajlar\u0131n\u0131 daha iyi anlamak i\u00e7in onu di\u011fer y\u00f6ntemlerle kar\u015f\u0131la\u015ft\u0131rmak faydal\u0131d\u0131r:<\/p>\n
position: fixed<\/h3>\n*   position: fixed<\/code><\/strong>: Elementi viewport’a g\u00f6re sabitler. Sayfa kayd\u0131r\u0131lsa bile konumu de\u011fi\u015fmez. Kendi parent elementinin s\u0131n\u0131rlar\u0131na ba\u011fl\u0131 de\u011fildir.
\n*   position: sticky<\/code><\/strong>: Element \u00f6nce normal ak\u0131\u015fta relative<\/code> gibi davran\u0131r. Belirli bir kayd\u0131rma e\u015fi\u011fine ula\u015ft\u0131\u011f\u0131nda fixed<\/code> gibi davran\u0131r, ancak kendi “sticky konteyneri” (parent elementi) i\u00e7inde kal\u0131r ve bu konteynerin s\u0131n\u0131rlar\u0131na ula\u015ft\u0131\u011f\u0131nda tekrar normal ak\u0131\u015fa d\u00f6ner.<\/p>\n
Fark<\/strong>: fixed<\/code> elementler her zaman g\u00f6r\u00fcn\u00fcr kal\u0131r ve kendi parent’lar\u0131ndan ba\u011f\u0131ms\u0131zd\u0131r. sticky<\/code> elementler ise parent’lar\u0131n\u0131n i\u00e7inde kal\u0131r ve sadece belirli bir kayd\u0131rma aral\u0131\u011f\u0131nda yap\u0131\u015fkan davran\u0131r. sticky<\/code>, daha ba\u011flamsal ve daha az m\u00fcdahaleci bir sabitleme sa\u011flar.<\/p>\n
position: relative<\/h3>\n*   position: relative<\/code><\/strong>: Elementi normal belge ak\u0131\u015f\u0131nda tutar. top<\/code>, right<\/code>, bottom<\/code>, left<\/code> gibi ofset de\u011ferleri, elementin kendi normal konumuna g\u00f6re hareket etmesini sa\u011flar. Di\u011fer elementlerin konumu etkilenmez.
\n*   position: sticky<\/code><\/strong>: Ba\u015flang\u0131\u00e7ta relative<\/code> gibi davran\u0131r. Ofset de\u011ferleri, yap\u0131\u015fma e\u015fi\u011fini belirler.<\/p>\n
Fark<\/strong>: relative<\/code> elementler asla viewport’a g\u00f6re sabitlenmez. sticky<\/code> elementler ise belirli bir noktada sabitleme potansiyeline sahiptir.<\/p>\n
position: absolute<\/h3>\n*   position: absolute<\/code><\/strong>: Elementi normal belge ak\u0131\u015f\u0131ndan \u00e7\u0131kar\u0131r ve en yak\u0131n konumland\u0131r\u0131lm\u0131\u015f (yani position<\/code> de\u011feri static<\/code> olmayan) parent elementine g\u00f6re konumland\u0131r\u0131r. E\u011fer konumland\u0131r\u0131lm\u0131\u015f parent yoksa, html<\/code> elementine g\u00f6re konumlan\u0131r.
\n*   position: sticky<\/code><\/strong>: Normal ak\u0131\u015fta kal\u0131r, bu da di\u011fer elementlerin konumunu etkilemez.<\/p>\n
Fark<\/strong>: absolute<\/code> elementler ak\u0131\u015ftan \u00e7\u0131kar\u0131ld\u0131\u011f\u0131 i\u00e7in di\u011fer elementlerin konumunu etkiler. sticky<\/code> elementler ise ak\u0131\u015fta kal\u0131r ve sadece yap\u0131\u015ft\u0131\u011f\u0131nda g\u00f6rsel olarak sabitlenir. sticky<\/code>, daha az JavaScript gerektirmesi ve taray\u0131c\u0131 taraf\u0131ndan daha iyi optimize edilmesi nedeniyle genellikle JavaScript tabanl\u0131 scroll olay dinleyicilerine g\u00f6re daha performansl\u0131d\u0131r.<\/p>\n
Performans ve Eri\u015filebilirlik<\/h2>\nposition: sticky<\/code>, modern taray\u0131c\u0131larda genellikle iyi bir performans sergiler. Taray\u0131c\u0131lar bu \u00f6zelli\u011fi do\u011frudan i\u015fledi\u011fi i\u00e7in, JavaScript tabanl\u0131 kayd\u0131rma olay dinleyicileriyle (scroll event listeners) manuel olarak uygulanan sabitleme \u00e7\u00f6z\u00fcmlerine g\u00f6re daha ak\u0131c\u0131 ve daha az CPU\/GPU kullan\u0131m\u0131 gerektirir. Bu, \u00f6zellikle mobil cihazlarda veya d\u00fc\u015f\u00fck performansl\u0131 sistemlerde \u00f6nemli bir avantajd\u0131r.<\/p>\n
Eri\u015filebilirlik a\u00e7\u0131s\u0131ndan, position: sticky<\/code>‘nin kendisi do\u011frudan bir eri\u015filebilirlik sorunu yaratmaz. Ancak, yap\u0131\u015fkan elementlerin tasar\u0131m\u0131 ve i\u00e7eri\u011fi eri\u015filebilir olmal\u0131d\u0131r:
\n*   Odak Y\u00f6netimi<\/strong>: Yap\u0131\u015fkan men\u00fcler veya navigasyon \u00e7ubuklar\u0131 klavye ile eri\u015filebilir olmal\u0131 ve odak s\u0131ras\u0131 mant\u0131kl\u0131 olmal\u0131d\u0131r.
\n*   Kontrast<\/strong>: Yap\u0131\u015fkan elementlerin arka plan\u0131 ile \u00fczerindeki metin veya simgeler aras\u0131nda yeterli kontrast olmal\u0131d\u0131r.
\n*   \u00c7ak\u0131\u015fma<\/strong>: Yap\u0131\u015fkan elementler, sayfa i\u00e7eri\u011fiyle \u00e7ak\u0131\u015farak \u00f6nemli bilgileri gizlememelidir. \u00d6zellikle k\u00fc\u00e7\u00fck ekranlarda veya yak\u0131nla\u015ft\u0131r\u0131lm\u0131\u015f g\u00f6r\u00fcn\u00fcmlerde bu duruma dikkat edilmelidir.<\/p>\n
Kullan\u0131c\u0131 deneyimi a\u00e7\u0131s\u0131ndan, sticky<\/code> elementler bilgiyi daha eri\u015filebilir k\u0131lar ve navigasyonu kolayla\u015ft\u0131r\u0131r. Do\u011fru kullan\u0131ld\u0131\u011f\u0131nda, sayfa d\u00fczenine dinamik bir his katarak kullan\u0131c\u0131lar\u0131n ilgisini canl\u0131 tutabilir.<\/p>\n
Yayg\u0131n Sorunlar ve \u00c7\u00f6z\u00fcmleri<\/h2>\nposition: sticky<\/code> kullan\u0131rken kar\u015f\u0131la\u015f\u0131lan baz\u0131 yayg\u0131n sorunlar ve bunlar\u0131n \u00e7\u00f6z\u00fcmleri \u015funlard\u0131r:<\/p>\n
Element Yap\u0131\u015fm\u0131yor<\/h3>\nBu, position: sticky<\/code> ile ilgili en s\u0131k kar\u015f\u0131la\u015f\u0131lan sorundur.
\n*   \u00c7\u00f6z\u00fcm 1: Ofset De\u011feri Eksik<\/strong>: position: sticky<\/code> tan\u0131mlad\u0131\u011f\u0131n\u0131zdan ve en az bir ofset \u00f6zelli\u011fi (top<\/code>, right<\/code>, bottom<\/code>, left<\/code>) belirtti\u011finizden emin olun. \u00d6rne\u011fin, top: 0;<\/code> veya bottom: 50px;<\/code>.
\n*   \u00c7\u00f6z\u00fcm 2: Sticky Konteyner Y\u00fcksekli\u011fi Yetersiz<\/strong>: Sticky elementin parent elementinin (sticky konteyner) y\u00fcksekli\u011fi, sticky elementin yap\u0131\u015fabilece\u011fi kadar uzun olmal\u0131d\u0131r. E\u011fer parent elementin y\u00fcksekli\u011fi, sticky elementin kendisi kadar veya daha az ise, elementin yap\u0131\u015facak bir alan\u0131 kalmaz. Parent’\u0131n height<\/code> veya min-height<\/code> de\u011ferlerini kontrol edin ve gerekirse art\u0131r\u0131n.
\n*   \u00c7\u00f6z\u00fcm 3: overflow<\/code> \u00d6zelli\u011fi Sorunu<\/strong>: Sticky elementin parent elementlerinden herhangi birinde overflow: hidden<\/code>, overflow: scroll<\/code>, overflow: auto<\/code> gibi de\u011ferler olup olmad\u0131\u011f\u0131n\u0131 kontrol edin. Bu de\u011ferler, sticky davran\u0131\u015f\u0131n\u0131 engelleyebilir veya beklenenden farkl\u0131 bir kayd\u0131rma ba\u011flam\u0131nda yap\u0131\u015fmaya neden olabilir. \u00c7\u00f6z\u00fcm, bu overflow<\/code> de\u011ferlerini visible<\/code> olarak de\u011fi\u015ftirmek veya sticky elementin yap\u0131s\u0131n\u0131 yeniden d\u00fczenlemektir.
\n*   \u00c7\u00f6z\u00fcm 4: margin-collapse<\/code> (Kenar Bo\u015flu\u011fu \u00c7ak\u0131\u015fmas\u0131)<\/strong>: Nadiren de olsa, sticky elementin margin-top<\/code> de\u011feri, yap\u0131\u015fma e\u015fi\u011fi olan top<\/code> de\u011feriyle \u00e7ak\u0131\u015fabilir ve bu da yap\u0131\u015fmay\u0131 etkileyebilir. margin<\/code> yerine padding<\/code> kullanmak veya border<\/code> eklemek gibi \u00e7\u00f6z\u00fcmler denenebilir.<\/p>\n
Beklenenden Erken Yap\u0131\u015f\u0131yor veya Hi\u00e7 Yap\u0131\u015fm\u0131yor<\/h3>\n*   \u00c7\u00f6z\u00fcm<\/strong>: Ofset de\u011ferlerini (top<\/code>, right<\/code>, bottom<\/code>, left<\/code>) ve sticky konteynerin konumunu dikkatlice kontrol edin. Bazen, \u00fcstteki ba\u015fka bir elementin y\u00fcksekli\u011fi veya margin<\/code> de\u011feri, sticky elementin beklenen kayd\u0131rma noktas\u0131ndan \u00f6nce veya sonra yap\u0131\u015fmas\u0131na neden olabilir.<\/p>\n
Z-index Sorunlar\u0131<\/h3>\nSticky elementin di\u011fer elementlerin arkas\u0131nda kalmas\u0131 veya istenmeyen bir \u015fekilde \u00fcst\u00fcne gelmesi.
\n*   \u00c7\u00f6z\u00fcm<\/strong>: Sticky elemente uygun bir z-index<\/code> de\u011feri atay\u0131n. Unutmay\u0131n ki z-index<\/code> sadece ayn\u0131 y\u0131\u011f\u0131lm\u0131\u015f ba\u011flam i\u00e7indeki elementler aras\u0131nda etkilidir. E\u011fer sticky elementiniz farkl\u0131 bir y\u0131\u011f\u0131lm\u0131\u015f ba\u011flam i\u00e7indeyse, z-index<\/code> bekledi\u011finiz gibi \u00e7al\u0131\u015fmayabilir. Y\u0131\u011f\u0131lm\u0131\u015f ba\u011flamlar\u0131 anlamak ve y\u00f6netmek bu t\u00fcr sorunlar\u0131 \u00e7\u00f6zmek i\u00e7in \u00f6nemlidir.<\/p>\n
Flexbox ve Grid ile Uyumluluk<\/h3>\nFlexbox veya CSS Grid d\u00fczeni i\u00e7inde position: sticky<\/code> kullan\u0131rken baz\u0131 \u00f6zel durumlar ortaya \u00e7\u0131kabilir.
\n*   Flex Konteynerler<\/strong>: Bir flex konteynerin kendisi veya i\u00e7indeki \u00f6\u011feleri overflow<\/code> de\u011ferleriyle sticky davran\u0131\u015f\u0131n\u0131 etkileyebilir. \u00d6zellikle align-items<\/code> veya justify-content<\/code> gibi \u00f6zellikler, flex \u00f6\u011felerinin konumunu de\u011fi\u015ftirebilir ve bu da sticky davran\u0131\u015f\u0131n\u0131 etkileyebilir.
\n*   Grid Konteynerler<\/strong>: Benzer \u015fekilde, grid \u00f6\u011feleri i\u00e7inde sticky kullan\u0131rken, grid alanlar\u0131n\u0131n boyutu ve overflow<\/code> de\u011ferleri sticky davran\u0131\u015f\u0131n\u0131 belirleyebilir.<\/p>\n
Genel \u00c7\u00f6z\u00fcm<\/strong>: Bu t\u00fcr durumlarda, sticky elementin ve parent’lar\u0131n\u0131n CSS \u00f6zelliklerini dikkatlice incelemek, taray\u0131c\u0131 geli\u015ftirici ara\u00e7lar\u0131n\u0131 kullanarak elementin computed (hesaplanm\u0131\u015f) stilini ve layout’unu kontrol etmek sorun giderme i\u00e7in en iyi yakla\u015f\u0131md\u0131r.<\/p>\n
\u00d6rnek Kod Par\u00e7ac\u0131klar\u0131<\/h2>\nBasit Bir Sabit Ba\u015fl\u0131k \u00d6rne\u011fi<\/h3>\nSayfa kayd\u0131r\u0131ld\u0131\u011f\u0131nda en \u00fcstte kalan bir ba\u015fl\u0131k.<\/p>\n
CSS position: sticky ile Elementleri Yap\u0131\u015ft\u0131rma ve Sabitleme Rehberi<\/h2>\n

`\u00d6rnek Kod Par\u00e7ac\u0131klar\u0131<\/h2>\nBasit Bir Sabit Ba\u015fl\u0131k \u00d6rne\u011fi<\/h3>\nSayfa kayd\u0131r\u0131ld\u0131\u011f\u0131nda en \u00fcstte kalan bir ba\u015fl\u0131k.<\/p>\n`

Basit Bir Sabit Ba\u015fl\u0131k \u00d6rne\u011fi<\/h3>\n
Sayfa kayd\u0131r\u0131ld\u0131\u011f\u0131nda en \u00fcstte kalan bir ba\u015fl\u0131k.<\/p>\n
