亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

So erstellen Sie eine Sticky-Titelleiste für Ihre Website
P粉505450505
P粉505450505 2024-03-25 16:50:46
0
2
1088

Ich m?chte eine Sticky-Titelleiste für meine Website erstellen, genau wie den Sticky-Header auf dieser Website (http://www.fizzysoftware.com/), falls es jemanden gibt, der mir bei der Codierung helfen kann, oder eine Ressource, die mir weiterhelfen kann Ich erstelle das Gleiche. Ihre Antwort wird mir sehr helfen.

P粉505450505
P粉505450505

Antworte allen(2)
P粉604507867

如果你想讓它在向下滾動到某個點時保持粘性,那么你可以使用這個函數(shù):

$window = $(window);
$window.scroll(function() {
  $scroll_position = $window.scrollTop();
    if ($scroll_position > 300) { // if body is scrolled down by 300 pixels
        $('.your-header').addClass('sticky');

        // to get rid of jerk
        header_height = $('.your-header').innerHeight();
        $('body').css('padding-top' , header_height);
    } else {
        $('body').css('padding-top' , '0');
        $('.your-header').removeClass('sticky');
    }
 });

和粘性類:

.sticky {
  position: fixed;
  z-index: 9999;
  width: 100%;
}

您可以使用這個插件,它有一些有用的選項

jQuery 粘性標題

P粉265724930

在 CSS 中添加

position: fixed;

到你的標題元素。真的就是這么簡單。 下次,嘗試右鍵單擊您在網(wǎng)站上看到的內(nèi)容并選擇“檢查元素”。我認為現(xiàn)在每個現(xiàn)代瀏覽器都有它。非常有用的功能。

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage