Yapışkan (Sticky) header nasıl yapılır?

ÖNCEKİ ÖRNEK | SONRAKİ ÖRNEK
İLGİLİ MAKALEYİ OKU

Reklam

Bu kısma birkaç kelime yazı ekliyoruz ki öğe en üstte olmadığı halde yapışkan olsun.
Bu bir örnektir.

Adobewordpress Yapışkan(Sticky) Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce tempus ante augue, ultrices semper tellus eleifend eu. Integer eu arcu risus. Nam lobortis lectus aliquam lorem accumsan, nec blandit purus ultrices. Mauris consectetur ante vitae lacinia dapibus. Cras at eleifend ligula, ut ullamcorper ipsum. Vestibulum vestibulum mollis nisi consectetur elementum. Donec vel fermentum sapien. Etiam quis purus eu ante bibendum congue. Morbi pellentesque magna ac lacinia bibendum.

Duis vel faucibus purus. Nam interdum erat at bibendum tincidunt. Integer tempor hendrerit purus, sit amet fringilla felis imperdiet tempus. Nullam a sem eget velit mattis luctus at nec metus. Integer auctor viverra nulla, sit amet blandit nulla. Duis auctor est vitae turpis tincidunt, sit amet dictum purus cursus. Mauris venenatis lectus nec magna eleifend euismod.

Morbi varius faucibus nulla ut pharetra. Vestibulum sed sapien turpis. Sed diam felis, ullamcorper vel augue id, porta porta nibh. Mauris interdum elit ac metus fermentum, eu porttitor purus venenatis. In nec metus vitae augue mattis porta in at erat. Suspendisse potenti. Phasellus accumsan porta massa, eu scelerisque erat lacinia ac. Etiam feugiat mollis nisl, nec dignissim mauris fermentum nec. Vivamus ullamcorper tortor nec purus egestas fermentum. Etiam et imperdiet sem. Vestibulum in risus massa.

Mauris eleifend elit id purus vulputate aliquam. Suspendisse semper elit id diam malesuada sagittis. Quisque non nunc tempor, convallis felis at, placerat elit. Quisque quis nulla dapibus, vulputate diam id, dapibus sapien. Vestibulum commodo arcu at erat imperdiet ornare. Nulla vestibulum dolor sed mauris varius interdum. Quisque convallis, felis eu pharetra elementum, nisl velit consectetur nunc, eu dapibus elit ante eleifend ligula. Mauris elementum id velit ut ornare. Suspendisse a eros quis nunc sagittis tristique et id urna. Integer consequat odio quis nisl viverra gravida. Nulla interdum faucibus nunc, ac accumsan est. Duis non semper mi. Ut id semper ante, id pharetra mi. Aliquam erat volutpat. Phasellus ut magna iaculis, pretium enim quis, pellentesque dolor. Pellentesque ac dui aliquet nulla aliquam tempor quis sed dui.

Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Aliquam quis ultrices ligula. Donec feugiat vitae sem et lacinia. Morbi eleifend, orci eu ornare tempor, nisl libero aliquet tortor, et varius massa dui semper ipsum. Vivamus vitae tortor lacus. Nulla tincidunt et neque ac mattis. Suspendisse lacus arcu, commodo vitae hendrerit porta, eleifend sollicitudin turpis.

Fusce tincidunt non libero et sagittis. Nunc luctus dui id sapien auctor vehicula. Quisque feugiat dui nec neque ullamcorper, eu ultricies velit vehicula. Aliquam iaculis consequat magna, vel feugiat lorem convallis sit amet. Pellentesque bibendum feugiat leo, in tristique sem vehicula quis. Nulla laoreet risus sapien, non pretium metus auctor sed. Etiam sed mattis dolor. Aenean eu tincidunt massa, et ultrices risus. Ut venenatis neque nec dui commodo tincidunt. Sed pellentesque hendrerit tortor ut fringilla. Ut ultricies tincidunt vulputate.

Nam sit amet lacus tincidunt, molestie dui dapibus, viverra diam. Donec fermentum ornare magna, in tincidunt turpis commodo in. Phasellus commodo et nunc congue laoreet. In ultricies suscipit diam quis suscipit. Donec nisl purus, ultricies in tellus quis, scelerisque laoreet dui. Nunc sollicitudin interdum metus. Ut eu nisl ac urna suscipit imperdiet. Donec cursus, eros et sollicitudin luctus, sem enim gravida sem, ac dignissim purus elit sed ipsum. Donec lobortis sapien nunc, quis interdum ante sagittis ut. Vestibulum vel placerat elit, non mollis est. Suspendisse nulla leo, fringilla vel scelerisque id, vulputate eu nisi. Morbi nec fermentum ligula, ac mollis metus. Morbi a felis diam. Duis eu lacinia magna. Curabitur auctor lectus ac leo ultrices, non interdum sem pharetra.

Etiam sagittis volutpat mi a pellentesque. Vestibulum et justo vitae nibh suscipit condimentum sit amet quis felis. Curabitur sed orci dui. Nulla ut faucibus ligula. Quisque id laoreet metus. Maecenas egestas odio a lectus tincidunt, quis rutrum eros venenatis. Praesent et urna dignissim, tincidunt augue eget, pharetra tortor. Curabitur ac turpis eros. Aenean nec lacus ut odio faucibus cursus condimentum eu magna. Nunc quis justo vitae sapien aliquam imperdiet.

Aliquam ornare, odio vitae luctus cursus, ante quam commodo dui, ac vulputate justo sapien sed mauris. Nulla malesuada commodo odio eu vulputate. Quisque ac ullamcorper diam, non interdum neque. Aliquam id enim auctor, imperdiet turpis sit amet, laoreet eros. Etiam eu lectus vitae lacus mattis semper eu luctus dolor. Aenean velit neque, convallis ut lorem vel, suscipit ultricies elit. Phasellus vel lorem vitae ante varius consequat. Curabitur adipiscing feugiat purus, at gravida nibh cursus vel. Ut purus ante, ultricies ac ultricies non, tempus ac tellus. Etiam id est eget magna tincidunt blandit. Maecenas volutpat, libero eget rhoncus congue, ipsum erat tempus turpis, vel gravida lorem urna eu nisl. Suspendisse eu enim in orci fringilla convallis. Ut sit amet nunc quis justo malesuada scelerisque. Vestibulum quis faucibus risus, eu rutrum lacus. In blandit rhoncus tempus. Nullam aliquet elit aliquam eleifend suscipit.

Vivamus nec sem eget mi rhoncus cursus. Nullam nisi elit, dictum quis eros id, adipiscing eleifend massa. Curabitur odio sem, pulvinar ac nunc quis, hendrerit dapibus nulla. Quisque luctus accumsan turpis ut scelerisque. Praesent urna sem, sollicitudin a vehicula eget, aliquam nec nisl. Maecenas ac blandit nisl. Integer fermentum feugiat ligula, ultrices feugiat ipsum pulvinar eu. Cras at faucibus nulla, non imperdiet odio. Fusce lacinia ipsum consectetur, luctus elit quis, semper tortor. Pellentesque a auctor diam. Vestibulum at consequat eros, at mollis massa. Pellentesque eleifend dignissim laoreet. Mauris sit amet nisi ac metus laoreet aliquet nec et risus. Cras malesuada neque non tincidunt ultricies. Quisque vitae enim condimentum, molestie tortor semper, tempor nisi.

Quisque et lectus vel mi interdum interdum eget quis ipsum. Etiam vel aliquam urna. Quisque pharetra convallis commodo. Curabitur fringilla diam non laoreet consectetur. Quisque malesuada nibh sed nisl porta vulputate. Ut est nisl, convallis non consectetur a, ultricies vel diam. Curabitur posuere, ipsum viverra fermentum bibendum, diam tellus facilisis justo, eget feugiat tortor elit vel dui. Morbi ultricies urna ut felis porttitor adipiscing in fermentum lacus. In hac habitasse platea dictumst. Duis luctus elementum ligula ut luctus. Mauris commodo ligula dapibus, gravida mauris et, eleifend augue. Nam vulputate eros eget scelerisque molestie.

Proin pulvinar arcu hendrerit odio imperdiet mattis. Mauris eget libero eget velit sodales laoreet. Nulla quis euismod libero. Ut ante dolor, semper in sapien id, posuere suscipit risus. Suspendisse potenti. Nulla nec nunc commodo, consequat risus id, tempor urna. Quisque vehicula enim nec blandit euismod. Phasellus aliquam augue id consectetur placerat. Cras orci massa, aliquet vel leo eu, feugiat ultrices turpis. Pellentesque et molestie nulla. Praesent vehicula a enim eu tristique. Ut tempus ultricies quam, id iaculis lectus gravida ac. Ut gravida diam nisi, non tincidunt dui ultricies et. Integer sed fringilla augue, id condimentum diam.

Phasellus a ante felis. Nunc eget consequat nisl. Aliquam dapibus ornare mi, eu porttitor felis vestibulum at. Etiam bibendum id lectus quis luctus. Mauris semper et turpis rutrum ullamcorper. Mauris hendrerit malesuada porttitor. Proin et consectetur augue, sagittis placerat dui.

Fusce non turpis nec libero cursus posuere vel in erat. Nullam malesuada placerat magna et viverra. Praesent eu lorem lacus. Fusce nunc orci, feugiat ac pretium nec, vestibulum vel elit. Morbi a nibh orci. Nulla ac arcu egestas, sollicitudin est sit amet, ornare tellus. Mauris aliquam nec orci ac eleifend. Aliquam et lacus semper massa consequat fermentum. Proin neque nisi, blandit euismod velit et, dignissim varius mi. Nam porta interdum metus, eu sollicitudin erat ullamcorper sed. Aliquam erat volutpat.

Proin eget odio ultrices, sagittis sem ac, dictum nisl. Aenean bibendum id augue sodales lacinia. Morbi vehicula tincidunt tortor ullamcorper venenatis. Aliquam elementum sem at dignissim hendrerit. Aenean dignissim neque urna, quis placerat mi viverra ut. Sed ultrices diam nec risus scelerisque, et consectetur sem laoreet. Suspendisse vitae odio purus. Aenean consectetur lacus vitae massa malesuada, sed interdum enim malesuada. Nulla pellentesque nunc ac dui condimentum interdum.