Tolpeit Stefan
  • Startseite
  • Portfolio
  • Kontakt
  • Blog
  • Suche
  • Menü
  • Facebook
  • Twitter
  • Xing

Jquery Menu fixed when scrolling

Webprogrammierung

Mit Jquery lässt wieder einmal das CSS so programmieren, damit es wenn es am oberen Ende des Browsers angelangt ist mit dem Scrollbalken mitläuft.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
<script>
$(function () {
�
  var msie6 = $.browser == 'msie' && $.browser.version < 7;
�
  if (!msie6) {
    var top = $('#comment').offset().top - parseFloat($('#comment').css('margin-top').replace(/auto/, 0));
    $(window).scroll(function (event) {
      // what the y position of the scroll is
      var y = $(this).scrollTop();
    �
      // whether that's below the form
      if (y >= top) {
        // if so, ad the fixed class
        $('#comment').addClass('fixed');
      } else {
        // otherwise remove it
        $('#comment').removeClass('fixed');
      }
    });
  } �
});
</script>

Jquery – the greatest thing ever 🙂

Fix für IE6 da er position: fixed; nicht unterstützt folgenden Code im Html eintragen:

1
2
3
4
5
<!--[if lt IE 7]>
       <style type="text/css">
       * div.fixed {position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop));}
       </style>
    <![endif]-->

19. Mai 2011/0 Kommentare/von Tolpeit
Schlagworte: fixed, JQuery, menu
Eintrag teilen
  • Teilen auf Facebook
  • Teilen auf Twitter
  • Auf Google+ teilen
  • Teilen auf Pinterest
  • Teilen auf Linkedin
  • Teilen auf Tumblr
  • Teilen auf Vk
  • Teilen auf Reddit
  • Per E-Mail teilen
Das könnte Dich auch interessieren
Nützliche Jquery Plugins
JQuery und IE
Jquery - Selected Item in all Browsers
Jquery Html Slider - bxSlider
Jquery shuffle plugin with sorting by attribute
Jquery und UpdatePanel
Menu aufklappen und schließen mit Jquery
IE7 OnHashChanged Fix und Jquery
0 Kommentare

Dein Kommentar

An Diskussion beteiligen?
Hinterlasse uns Deinen Kommentar!

Schreibe einen Kommentar Antworten abbrechen

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

Letzte Artikel

  • Filecaching mit C#
  • Automatic Ravendb3 Backup
  • Form als Json serialisieren und mittels Jquery Ajax posten
  • Javascript – Herausfinden ob der userAgent ein Iphone oder Ipad ist
  • Füge Git zu Windows 7 Path hinzu
  • Xbox One flashen – Modchip
  • Flugsportzentrum Tirol im Neuem Design
  • The remote server returned an error: (411) Length Required
  • Facebook Freunde einladen alle Freunde markieren
  • Umbraco 6.0 mit MVC und Razor verwenden

Letzte Projekte

  • Physio & Rehacenter Bruneck28. Juli 2019 - 21:06

    Programmierung der Website www.physio-bruneck.com

  • Karosserie Leitner28. Juli 2019 - 21:05

    Programmierung der Website www.karosserie-leitner.com

  • Hotel Lindenwirt2. Mai 2019 - 21:40

    Programmierung der Website www.hotel-lindenwirt.de im Bayrischen Wald.

Kategorien

  • Allgemein
  • In eigener Sache
  • Javascript
  • Kaufberatung
  • Konsolen
  • Programmierung
  • Spiele
  • Technik
  • Tools
  • Treiber
  • Webprogrammierung
  • Windows
  • XBox 360

Links

  • Datenschutz
  • Flightplanning24 – Metar Taf Webcams
  • Impressum

Seiten

  • Portfolio
  • Stefan Tolpeit
  • Kontakt
  • Blog

Suchen

Kommentare

  • Guruprasad bei NopCommerce multi domain with seperate languages support
  • Tolpeit bei NopCommerce multi domain with seperate languages support
  • Guruprasad bei NopCommerce multi domain with seperate languages support
  • Tolpeit bei NopCommerce multi domain with seperate languages support
  • Guruprasad bei NopCommerce multi domain with seperate languages support
© Copyright - Tolpeit Stefan P.IVA: 02832950212 - Enfold Theme by Kriesi
Mallorca Bilder – Urlaubsfotos Flight Simulator x airplanes
Nach oben scrollen
tolpeit.it verwendet Cookies von Dritten um Ihnen den bestmöglichen Service zu bieten. Wenn Sie weiterhin auf diesen Seiten surfen, stimmen Sie der Cookie-Nutzung zu. OKReject Mehr Erfahren
Cookies & Privacy

Link einfügen/ändern

Gib die Ziel-URL ein

Oder verlinke auf bestehende Inhalte

    Es wurde kein Suchbegriff angegeben. Es werden die aktuellen Inhalte angezeigt. Verwende zur Auswahl eines Elements die Suche oder die Hoch-/Runter-Pfeiltasten.