Ergebnis 1 bis 8 von 8

Thema: Leiste wird beim runterscrollen fixiert und beim hochscollen wieder normal dargestell

  1. #1
    Fortgeschrittene/r
    Registriert seit
    25.06.2016
    Beiträge
    178
    Danke
    6
    Bekam 12 mal "Danke" in 12 Postings

    Standard Leiste wird beim runterscrollen fixiert und beim hochscollen wieder normal dargestell

    Morgen zusammen,

    ich möchte das wenn man auf ner seite runterscrollt, dass sich das Menu ab ner bestimmten position sich fixiert und dann wenn man wieder nach oben scrollt, das es dann wieder normal dargestellt wird.

    Ich habe mal in google nach Lösungen gesucht aber irgendwie keines funktioniert bei mir.. ich weiß nicht warum.

    Mein jetziger code:

    PHP-Code:
     //Nur wegen den Highlights PHP genommen
        
    <script>
    $(
    document).ready(function($) {
            var 
    stickyHeaderTop = $('#nav').offset().top;
            $(
    window).scroll(function(){ /*header-menu-wrap*/
                
    if( $(window).scrollTop() > stickyHeaderTop ) {
                $(
    '#nav').addClass("sticky-menu");
                } else {
                $(
    '#nav').removeClass("sticky-menu");
                }
            });
    });  
    </script> 
    HTML-Code:
    <!DOCTYPE html>
    <html>
    
    <head>
    	<title>Titel</title>
    <meta charset="UTF-8">
    <link href="index.css" rel="stylesheet">
    </head>
    
    <body>
    
    <div id="nav">
    	<ul>
      	<li>Menuitem 1</li>
      	<li>Menuitem 2</li>
      	<li>Menuitem 3</li>
      	<li>Menuitem 4</li>
      	<li>Menuitem 5</li>
      	<li>Menuitem 6</li>
      	<li>Menuitem 7</li>
      	<li>Menuitem 8</li>
    	</ul>
      </div>
    	
    <!-- hhhhhhhh nur um scrollen zu können -->
    	<p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p>
     	<p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p>
     	<p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p>
     	<p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p>
     	<p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p>
    	
     	<p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p>
     	<p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p> <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p>
     	<p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p> <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p> <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p> <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p> <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p> <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p> <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p> <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p> <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p> <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p> <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p> <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p> <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p> <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p> <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p> <p>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br>hhhhhhhhhhhhhhhhhhhhhhhhhhhhhh<br><br></p>
    </body>
    </html>
    Code:
    *
    {
    	padding: 0px;
    	margin: 0px;
    }
    #nav
    {
    	background-color:black;
    	position: relative;
    	top: 10px;
    }
    #nav li
    {
    	color:white;
    	display: inline-block;
    	
    }
    
    #nav ul
    {
     padding: 5px;	
    }
    
    
    p
    {
    	margin-top: 50px;
    }
    
    div.sticky-menu {
    	top: 0;
    	position: fixed;
    	width: 960px;
    	z-index: 1000;
    }
    Hoffe ihr könnt mir helfen.

    Stef
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Fortgeschrittene/r
    Themenstarter

    Registriert seit
    25.06.2016
    Beiträge
    178
    Danke
    6
    Bekam 12 mal "Danke" in 12 Postings

    Standard AW: Leiste wird beim runterscrollen fixiert und beim hochscollen wieder normal darges

    Hey,

    ich habe es auf meiner testseite nun hinbekommen. Funktioniert auch alles gut mit abstand von oben.

    HTML-Code:
    <!DOCTYPE html>
    <html>
    
    <head>
        <title>Titel</title>
        <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
    <meta charset="UTF-8">
    <style>
        body
        {
            background-color: antiquewhite;
        }
      .menu
        {
            background-color: black;
            width: 100%;
            position: absolute;
            top: 90px;
            right:0px;
            
        }
        .menu li
        {
            list-style-type: none;
            color: white;
            display: inline-block;
            
            
           
        }
      #seitenbereich
        {
            margin-top: 200px;
         margin-left: 500px;   
        }
      .fixed 
        {
            position: fixed; 
            top:0; 
            left: 0px; 
            border: 2px solid black; 
            z-index: 1000;
        }
    </style>
    </head>
    
    <body>
    
    <div class="menu">
        <ul>
          <li>Menuitem 1</li>
          <li>Menuitem 2</li>
          <li>Menuitem 3</li>
          <li>Menuitem 4</li>
          <li>Menuitem 5</li>
          <li>Menuitem 6</li>
          <li>Menuitem 7</li>
          <li>Menuitem 8</li>
        </ul>
      </div>
        
      <div id="seitenbereich">
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
       <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
       <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
       <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
       
     
      </div>
    <script>
    $(document).ready(function() {
      var top = $('.menu').offset().top;
      $(window).scroll(function() {
        if($(this).scrollTop() > top) {
          $('.menu').addClass('fixed');
        } else {
          $('.menu').removeClass('fixed');
        }
      });
    });
    </script>
        </body>
        </html>
    Nun wenn ich dies auf meine originale Seite übertrage passiert nichts... Mit paar Änderungen hat es geklappt. Aber ich möchte, dass die obere navigation von oben abstand hat. Und wenn ich dies mittels margin oder bei position mit top mache, und dann runterscrolle dann bleibt die navi an der position und geht nicht wie in .fixed geschrieben an das fenster direkt. Und komisch ist es auch dass wenn ich nun das div das den loginbereich umschließt lösche und es im js-script anpasse und dies mit css designe und positioniere dann passiert nichts.... Warum denn dass ??



    Anbei mein code meiner Originalseite oder besucht sie einfach : http://apple231.bplaced.net/ :

    HTML-Code:
    <!DOCTYPE html>
    <html lang="de">
        <head>
            <meta charset="UTF-8">
            <title> Test Webseite von Stef</title>
            
            <link href="index.css" rel="stylesheet" type="text/css">
            <link rel="icon" href="icons/favicon.ico" type="img/x-icon"> <!-- Favicon eingebunden -->
            
            <meta name="description" content="Webdesign , HTML, CSS, PHP">
            <meta name="robots" content="index,follow">
            
            <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
     </head>
    
        <body>
            
            
              <!--Navigation -->
             <div class="menu">
                 <div class="navigation">
                <nav>
                    <ul>
                        
                        <li class="top">
                            
                            <a href="index.php" class="drop">Home 
                                <span class="zusatz">></span>
                            </a>
                            <div class="down">
                               <ul> 
                                   <li class="untermenu"><a href="#">Über uns <span class="zusatz2">°</span></a></li>
                                   <li class="untermenu"> <a href="#">Leistungen <span class="zusatz2">°</span></a></li>
                                   <li class="untermenu"><a href="#">Websprachen <span class="zusatz2">°</span></a>
                                </ul>
                            </div>
                        </li>
                        <li class="top">
                            <a  href="#" class="drop">Slideshow 
                                <span class="zusatz"> ></span>
                            </a>
                            <div class="down">
                               <ul> 
                                   <li class="untermenu"><a href="#">Sommer <span class="zusatz2">°</span></a></li>
                                   <li class="untermenu"><a href="#">Winter <span class="zusatz2">°</span></a></li>
                                   <li class="untermenu"><a href="#">Herbst <span class="zusatz2">°</span></a></li>
                               </ul>
                            </div>
                        </li>
                        <li class="top">
                            <a  href="#" class="drop">Bildergalerie 
                                  <span class="zusatz"> ></span> 
                            </a>
                            <div class="down">
                               <ul> 
                                   <li class="untermenu"><a href="#">Lieblingsbilder <span class="zusatz2">°</span></a></li>
                                   <li class="untermenu"><a href="#">Tierbilder <span class="zusatz2">°</span></a></li>
                                   <li class="untermenu"><a href="#">Schulbilder <span class="zusatz2">°</span></a></li>
                               </ul>
                            </div>
                        </li>
                        <li class="top">
                            <a href="#" class="drop">Sonstiges 
                                <span class="zusatz">></span>
                            </a>
                            <div class="down">
                               <ul> 
                                   <li class="untermenu"><a href="bestellformular.html">Bestellformular <span class="zusatz2">°</span></a></li>
                                   <li class="untermenu"> <a href="#">Animationen <span class="zusatz2">°</span></a></li>
                                   <li class="untermenu"><a href="#">HTML-Canvas<span class="zusatz2">°</span></a>
                                </ul>
                            </div>
                        </li>
                    </ul>
                </nav>
                 
    </div>
                 <!--Home-Bereich-->
       
                <!--LoginBereich-->
                 <div id="funktion-navibereich">
             <a class="login-open" href="#loginauf" title ="Log-In">Login<img id="loginpic" src="icons/login.jpg"></a>
                <div id="loginauf" class="login">
                    <form method="post" >
                    <img src="icons/profile.jpg"><br>
                    <label for="benutzer">Benutzername:</label>
                    <input type="text" name="loginname" id="benutzer">
                    <br><br>
                    <label for="password">Passwort:</label>
                    <input type="password" name="loginpassword" id="password">
                    <br><br><input type="submit" name="logindatensenden" value="Log In!">
                    <a class="login-close" id="loginzu" href="#loginzu" title="schließen">X</a>
                </form>
                    <div id="phpausgabe">
                    <?php
            if(isset($error) and !empty($error)){
                echo $error;
            } 
            ?>
                        </div>
            </div>
                     
                     <a class="ladestartseite" href="index.php" title="Home">Home<img src="icons/home.jpg"></a>
           </div>
            
            <div id="search">
                    <form id="searching">
                        <input type="submit" value="Suchen" id="absenden">
                        <input type="search" id="search_things"  placeholder="search..." />
                        
                    </form>
                </div>    
                 </div>
            
            <script type="text/javascript">
    $(document).ready(function() {
      var top = $('.menu').offset().top;
      $(window).scroll(function() {
        if($(this).scrollTop() > top) {
          $('.menu').addClass('fixed');
        } else {
          $('.menu').removeClass('fixed');
        }
      });
    });
    </script>
    <p style="margin-top: 500px;">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
       <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
       <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
       <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
        <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.   </p>
    </body>
        </html>        
    CSS:
    Code:
    *
    {
        margin: 0px;
        padding: 0px;
        font-family: Arial, sans-serif;
    }
    
    body
    {
        background-color: rgba(0, 0, 0, 0.7); 
    }
    /*Navigation*/
    
    
    div.navigation
    {
        
        
        position:absolute;
        top: 0px;
        width: 100%;
        height: 43px;
        background-color: black; 
        border-bottom: 3px solid blue;
        border-top: 3px solid blue;
        
    }
    
    .navigation ul
    {
        padding: 0px;
        margin: 0px;
        list-style-type: none;
        
    }
    
    
    .navigation li.top
    {
        float: left;
        
    }
    
    .top a
    {
        float: left;
        width: 150px;
        height: 20px;
        text-align: center;
        padding: 10px 5px;
        color: cyan;
        text-decoration: none;
        display: block;
        border-right: 3px solid cyan;
        border-bottom: 3px solid cyan;
       
    }
    
    
    .untermenu a
    {
        color: cyan;
        text-decoration: none;
        width: 150px;
        padding: 10px 5px;
        margin: 0px;
        
        float:left;
        background-color: rgba(0, 0, 0, 0.7);
        clear:both;
        border-right: 1px solid cyan;
        border-left: 1px solid cyan;
        border-bottom: 1px solid cyan;
    }
    
    
    
    .top ul
    {
        position: absolute;
        top:43px;
        display: none;
    }
    
    
    
    li.top a:hover 
    {
        color: yellow;
        background-color: rgba(5, 255, 218, 0.8);
    
    }
    
    .top:hover ul 
    {
        display:block;
        
    }
    
    
    li.untermenu a:hover
    {
        background-color: rgba(0, 0, 70, 1);
        color: chartreuse;
        font-weight: 700;
        
    }
    
    .top:hover .drop 
    {
        background-color: blue;
        color: yellow;
        height: 20px;
    }
    
    /*Position beim fixieren der Navigation*/
    .fixed 
        {
            position: fixed; 
            top:0px; 
            left: 0px;
            right:0px;
            border: 2px solid black; 
            background-color: black;
            z-index: 1000;
        }
    
    
    /*rotierender Pfeil*/
    span.zusatz
    {
        position: relative;
        display: block;
        top: -15px;
        left: 50px;
        color: white;
        padding-left: 5px;
        transition: all 0.5s ease-in;
    }
    
    .top:hover .zusatz 
    {
        
        transform: rotate(90deg);
        color: cyan;
    }
    
    /*bewegende Kreise*/
    
    span.zusatz2
    {
        position: relative;
        top:-15px;
        left: 70px;
        display: block;
        color: white;
        transition: all 1s ease-in;
    }
    
    .untermenu:hover .zusatz2
    {
        transform: translate(-8px);
        color: red;
    }
    /*Search-bar*/
    
    form#searching
    {
    display: inline-block;
    position: absolute;
    top: 5px;
    right: 10px;
        
    }
    
    input#search_things
    {
       
        height: 30px;
        width: 100px;
        border-radius: 10px;
        font-size:20px;
        border: 3px solid gray; 
        transition: ease-in 2s width;
    }
    
    #search_things:focus
    {
        width: 400px;
        border: 2px solid cyan;
    }
    
    form#searching input#absenden
    {
        position: relative;
        padding: 5px;
        margin-right: 5px;
        border-radius: 8px;
        transition: all ease-in 1s;
        
    }
    
    input#absenden:hover
    {
        cursor: pointer;
        background-color: aqua;
        border: 2px solid blue;
    }
    
    /*Login-Bereich*/
    div#funktion-navibereich
    {
        width: 200px;
        height: 41px;
        background-color: white;
        position: absolute;
        left: 700px;
        top: 3px;
        border-right: 3px solid cyan;
        border-left: 3px solid cyan;
        border-bottom: 2px solid cyan;
    }
    
    /*Loginpic*/
    a.login-open{
        position: absolute;
        left: 5px;
        top: 20px;
        color:black;
        text-decoration: none;
    }
    
    img#loginpic
    {
        height: 41px;
        width: 50px;
        position: absolute;
        left: 40px;
        top:-20px;
    
        border-right: 2px solid black;
    }
    
    a.login-open:hover
    {
        text-decoration: underline;
    }
    div.login
    {
        position: absolute;
        top: 170px;
        left: -130px;
        background-color: white;
        height: 550px;
        width: 800px;
        padding: 10px 10px 10px 10px;
        border: 3px solid cyan;
    }
    
    div.login img
    {
        height: 300px;
        padding-left: 250px;
        
    }
    
    .login label
    {
        position: relative;
        top: 50px;
        left: 230px;
    }
    .login input[type="text"]
    {
        
        height: 30px;
        border: 2px solid black;
        text-indent: 5px;
        position: relative;
        top: 50px;
        left: 230px;
    }
    
    .login input[type="password"]
    {
        
        height: 30px;
        border: 2px solid black;
        text-indent: 5px;
        position: relative;
        top: 50px;
        left: 267px;
        
    }
    .login input[type="submit"]
    {
        padding: 10px 10px 10px 10px;
        background-color: aqua;
        border: 2px solid black;
        position: relative;
        top: 45px;
        left: 400px;
        
    }
    
    a.login-close
    {
        position: absolute;
        right: 40px;
        top: 70px;
        font-size: 20pt;
        background-color:red;
        padding: 5px;
        border: 3px solid orange;
        text-decoration: none;
        color: white;
        border-radius: 15px 0px 15px 0px;
    }
    
    a.login-close:hover
    {
        border: 3px solid red;
        background-color: orange;
        cursor: pointer;
    }
    
    .login input[type="submit"]:hover{
     box-shadow: 1px 3px 1px 1px gray;
    cursor: pointer;
    
    }
    
    #loginauf:target 
    {
        display: block;
    }
    #loginauf
    {
        display:none;
    }
    
    /*Lade startseite*/
    
    a.ladestartseite
    {
    position: relative;
        left: 105px;
        top: -8px;
        color:black;
        text-decoration: none;    
    }
    
    a.ladestartseite img
    {
        height: 41px;
        width: 50px;
        position: relative;
        top: 10px;
    }
    
    a.ladestartseite:hover
    {
        text-decoration: underline;
    }
    
    /*PHP ausgabe bei falschem login*/
    
    div#phpausgabe
    {
        position: relative;
        left: 360px;
        top: 20px;
    }

    Hoffe ihr könnt mir helfen.

    Stef
    Geändert von Stef (17.07.2016 um 18:57 Uhr)

  3. #3
    König(in)
    Registriert seit
    13.06.2012
    Beiträge
    1.152
    Danke
    14
    Bekam 63 mal "Danke" in 61 Postings

    Standard AW: Leiste wird beim runterscrollen fixiert und beim hochscollen wieder normal darges

    Hallo,
    ich habe von professionellem Webdesign scheinbar keine Ahnung, sieht für mich so aber nicht aus. Wer sich das auf die Fahne schreibt, sollte es dann auch können, oder?

    small.jpg

    Screenshot_2016-07-17-20-46-14.jpg
    MfG
    Gegen Mods kommt man nicht an, die haben immer Recht. Sind scheinbar nicht kritikfähig.

  4. #4
    Fortgeschrittene/r
    Themenstarter

    Registriert seit
    25.06.2016
    Beiträge
    178
    Danke
    6
    Bekam 12 mal "Danke" in 12 Postings

    Standard AW: Leiste wird beim runterscrollen fixiert und beim hochscollen wieder normal darges

    Hey Gastl,

    ich habe dieses seite für kleinere Modelle noch nicht optimiert. daher siehts so aus. Und da es nur eine Testseite ist tuh ich langsam und langsam mein neu gelerntes Wissen anwenden.

    Kommen wir daher zurück auf den Punkt mit der Navigation.

  5. #5
    Moderator Avatar von Arne Drews
    Registriert seit
    20.01.2016
    Ort
    Friedrichstadt, NF
    Beiträge
    1.236
    Danke
    21
    Bekam 120 mal "Danke" in 119 Postings

    Standard AW: Leiste wird beim runterscrollen fixiert und beim hochscollen wieder normal darges

    Hallo,

    Ich werf mal die Frage in den Raum: Was hat das mit scrollen zu tun?
    So wie ich Deine Testseite sehe, kannst Du doch einfach den Header komplett fixed machen.
    Warum willst Du das erst ab einer bestimmten Scrollweite machen? Ich sehe keine Elemente, die sich über der Navi befinden.

    Wenn es unbedingt nach einer bestimmten Scrollweite passieren soll, kannst Du Dir ja mal den Quelltext hier anschauen, da habe ich das so gemacht, wie Du es gerne hättest, glaube ich.
    Ist allerdings auf jQuery basierend...

  6. #6
    Fortgeschrittene/r
    Themenstarter

    Registriert seit
    25.06.2016
    Beiträge
    178
    Danke
    6
    Bekam 12 mal "Danke" in 12 Postings

    Standard AW: Leiste wird beim runterscrollen fixiert und beim hochscollen wieder normal darges

    Hey,

    @Arne Drews : Ja das geht auch. Ich wollte es nur mal wissen wie es funktioniert. Fragen darf man ja

    @Gastl:

    So siehts auf meinem PC-Bildschrim aus:

    http://prntscr.com/bucxxv

    http://prntscr.com/bucziy

    Ich kann noch nicht professionell eine Webseite designen, aber so wie ich es haben will Und das genügt mir!

    Gruß,
    Stef
    Geändert von Stef (18.07.2016 um 16:19 Uhr)

  7. #7
    König(in)
    Registriert seit
    13.06.2012
    Beiträge
    1.152
    Danke
    14
    Bekam 63 mal "Danke" in 61 Postings

    Standard AW: Leiste wird beim runterscrollen fixiert und beim hochscollen wieder normal darges

    Also ist es nur Beispieltext, okay. Weil dort etwas von professionellem Webdesign steht, was angeboten wird. Deswegen meine Aussage.

    MfG
    Gegen Mods kommt man nicht an, die haben immer Recht. Sind scheinbar nicht kritikfähig.

  8. #8
    Fortgeschrittene/r
    Themenstarter

    Registriert seit
    25.06.2016
    Beiträge
    178
    Danke
    6
    Bekam 12 mal "Danke" in 12 Postings

    Standard AW: Leiste wird beim runterscrollen fixiert und beim hochscollen wieder normal darges

    Hey,

    ja das ist alles nur Beispieltext. Musste mir ja irgendwas einfallen was ich da rein schreib und mit was ich die webseite fülle.

    Wie gesagt, es ist nur eine Übungsseite zum Lernen/Üben von PHP, CSS, HTML usw.....

    @Arne Drews:
    Es klappt nun. Danke.

Ähnliche Themen

  1. [Hilfe] Menu ausblenden und erst beim Hovern wieder einblenden
    Von KratzKatz im Forum HTML & CSS Forum
    Antworten: 0
    Letzter Beitrag: 23.05.2015, 13:47
  2. PHP Formmailer Script wird angezeigt beim senden
    Von Eule1988 im Forum PHP Forum - Apache - CGI - Perl - JavaScript und Co.
    Antworten: 3
    Letzter Beitrag: 19.08.2011, 13:09
  3. Antworten: 5
    Letzter Beitrag: 12.10.2009, 23:47
  4. Antworten: 9
    Letzter Beitrag: 15.10.2008, 15:20
  5. [WIndows XP] Datenträgerprüfung beim Start + Crash beim Boot
    Von DarkSyranus im Forum Computer - Internet Forum
    Antworten: 1
    Letzter Beitrag: 18.06.2008, 13:13

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •