Beiträge von theschmidey

Hallo,

wie bei battle.net zu sehen ist, ist die NavBar sehr gut gelungen. Das gefällt mir sogar so gut, dass ich es gerne in einer anderen Art und Wiese nutzen möchte. Blöd nur, dass mir der Quellcode nicht ganz ersichtlich ist, kann evt. sein, dass ich einfach doof bin oder Arbeit anstrengend war. Hab ihn mir mehrmals angeschaut und auch offline mal daran rumprobiert, doch wenn ich die Klassen mit Stylesheet lokal austeste, kommt nur ein leicht weißer, transparenter, Hintergrund. Es scheint so, dass hier doppelt übereinander gearbeitet wurde. CSS kann meines Wissens kein direktes Verschwimmen eines Objektes.

Könnte mir einer helfen?

-greets

edit: hab's verstanden, das Bild wird gespiegelt als background eingefügt und dann als verschwommen dargestellt.

Aha, ist mir auch grad aufgefallen...die Klasse inverse versteckt die Leiste und beim Scrollen wird es aufgehoben und inverse fällt weg und die normale Klasse tritt in Kraft. Soso, wieder was dazu gelernt...

Edit: nur aus der Funktion die du mir gezeigt hast, werde ich mit diesem Zusammenhang nicht so recht schlau...kannst du mir da evt. nochmal auf die Sprünge helfen?

Edit2: ich danke dir, habs jetzt doch zusammengebastelt, mit dem entfernen hast du mir nen guten Tipp gegeben. Sieht mit jQuery wie folgt aus:

$(window).scroll(function() {


    if ($(window).scrollTop() > 100) {
        $('.main_h').addClass('sticky');
    } else {
        $('.main_h').removeClass('sticky');
    }
});

Kann nun geschlossen werden.

Schönen Sonntag,

ich bin auf der Suche nach der jQuery Funktion die mir das Menü beim Scrollen erscheinen lässt. Bin auf die Seite http://sailingcollective.com/ gestoßen und dachte mir das "fake" ich mal. Hab's oft gesehen, dass sich das Menü verschwinden lässt, ist aber nicht so mein Ding. Aus Google werd ich i.M. auch noch nicht schlau.

Wenn einer von euch nen Link hätte, wäre klasse!

-theschmidey

So, hab genau das gefunden, was ich gesucht habe. Für alle die es wissen wollen:

$(document).ready(function(){	$('a[href^='#']').on('click',function (e) {
	    e.preventDefault();




	    var target = this.hash,
	    $target = $(target);




	    $('html, body').stop().animate({
	        'scrollTop': $target.offset().top
	    }, 900, 'swing', function () {
	        window.location.hash = target;
	    });
	});
});

Dieser Code lässt alle href-Links "smoothy" runterscrollen. Einfach

<a href="#seite-zu-der-man-will">Seite</a>

schreiben (Code muss davor geladen sein), und schon scrollt er dahin. Danke an Dominikgt für deine Links, so schwer war es gar nicht.

--KANN GESCHLOSSEN WERDEN--

-theschmidey

Danke dir! Schönen Mittag noch

Layout ist fest, ja. Und so in der Richtung also mit den <li>'s & <ul>'s hab ichs mir schon gedacht nur greif ich noch nicht so in Jquery durch . Aber ich denke, da gibt es doch bisschen mehr Lesestoff im Internet? Weil ich hab schon danach gesucht finde aber nix Brauchbares, es fehlen mir ja auch die nötigen keywords um auf so ein Tut zu gelangen.

Danke!

Uff, das hört sich echt sehr umfangreich an. Gibt es dazu evt. noch Beispiele?

Edit: also dass wir uns einig sind: ich hatte vor dass der Inhalt der nächsten Seite hineinfahren und der Link http://www.example.com/#seite aussieht. Das habe ich schon öfters gesehen, nur hab ich mir leider Gottes diese Seiten nicht gemerkt. Damnit

Hallo Forum,

ich möchte meine Webseite 2.0 gestalten, d.h. ein neues Design verwirklichen. Alles ist schon soweit fertig, nur noch nicht gecodet.
Es geht um Folgendes und zwar möchte ich es so gestalten, dass sich Texte und allgemein div's nach hyperlink-klicks "smoothie" bewegen.
Es gibt mehrere Seiten (Start, andere Seite, andere Seite, andere Seite, andere Seite, andere Seite) und diese Sollen jeweils immer neu "auffahren" wenn man zur nächsten Seite will.
Wenn mich jemand verstehen kann, und weiß was ich meine wäre es SUPER GEIL, wenn er mir einen Link schicken kann zu JavaScript (damit kann ich es denke ich verwirklichen). Muss auch nicht groß erklärt werden, ich beiß mich da selber durch, wird eh mal langsam Zeit JavaScript zu lernen, hehe
Habe mit HTML, CSS angefangen und mit PHP weitergemacht, aber ausgerechnet Javascript fehlt, was für ne Schande

Danke für alles & gute Nacht!

-theschmidey