Overflow: auto und Overflow: hidden aus .css löschen

Antworten
#1
19.12.2017 10:27
avatar  TiJo
#1
Ti
TiJo

Hallo zusammen,

ich würde gerne beim Design Zürich die Nav-Leiste sticky haben. Dazu muss in der Class .jtpl-main jedes

1
 
overflow: hidden 
 

und

1
 
overflow: auto
 

gelöscht bzw. deaktiviert werden.
Gibts dazu einen einfachen Befehl? Betrifft jordan-brennholz.de.


 Antworten

 Beitrag melden
#2
24.12.2017 15:56 (zuletzt bearbeitet: 24.12.2017 15:57)
avatar  az_
#2
avatar
az_

...ich hab das auf https://designtest-verona.jimdo.com/ wie folgt gemacht:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 

	//fixedNav
	$(window).scroll(function () {
		// scrollTop() = The point you would like to fade the nav in.
		if ($(window).scrollTop() > 280) {
			$('.jtpl-navigation').addClass('fixedNav');
		} else {
			$('.jtpl-navigation').removeClass('fixedNav');
		};
	});
 
	$('.scroll').on('click', function (e) {
		e.preventDefault()
		$('html, body').animate({
			scrollTop: $(this.hash).offset().top
		}, 2500);
	});
 
 



toggleClass wäre auch eine Idee: https://www.w3schools.com/jquery/html_toggleclass.asp

LG, az


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
#3
03.01.2018 22:06
avatar  TiJo
#3
Ti
TiJo

herzlichen Dank @az_
ich hab erstmal die erste Variaten probiert und von deiner Testseite die .fixedNav abgeschaut.
Leider gefällt mir aber nicht, dass bei mir dann vom Content verschlucht wird. Gerade bei den Produkten ist das unschön. Dort verschiedet was "ofenfertige Buche" komplett.

Außerdem harmonisiert diese Lösung nicht gut mit dem Warenkorbbottom. Ich komm aber einfach nicht drauf, wie ich den an der Nav-Leiste ausrichte, bzw. dort festklebe.


 Antworten

 Beitrag melden
#4
04.01.2018 09:07
avatar  az_
#4
avatar
az_

Du könntest den mit .appendto in die Navigation hinein verschieben.


Achtung: Code im Forum bitte am besten mit der Schaltfläche für "Code" einkapseln!!! (= ) , oder den Code in Formatierungs-Klammern setzen (...zwischen "code" und "/code", jeweils in eckigen Klammern).

Achtung! Im neuen Layout ist die Formatierungsleiste versteckt! Klick auf das Smiley rechts oben über dem Text-Editorfenster, um die Formatierungssymbole einzublenden!


...und zuletzt: Bitte sendet mir keine privaten Nachrichten über das Forum! Bitte Nachrichten an mich nur per e-mail oder über das Kontaktformular auf meiner Webseite https://redesign-berlin.de

Wenn Ihr mich sucht, hier findet Ihr mich:
https://www.facebook.com/redesign.berlin
https://redesign-berlin.de
mailto:info@redesign-berlin.de


Spenden: Hier könnt Ihr unser Userforum finanziell unterstützen: page-644478-1.html


 Antworten

 Beitrag melden
Antworten
Bereits Mitglied?
Jetzt anmelden!
Mitglied werden?
Jetzt registrieren!
Forenspende

 

Spenden über PayPal

Ein Forum zu betreiben, erfordert ein hohes Maß an Zeit, Kraft und Aufmerksamkeit. 

Das Team von Jimdo-Forum arbeitet hinter den Kulissen sehr engagiert daran,
die erforderlichen Aufgaben zu erfüllen, um dir und den
anderen Forenmitgliedern ein tolles Forenerlebnis zu ermöglichen.

 Wir freuen uns, dass du dich dazu entschlossen hast, unser Forum mit deiner Spende zu unterstützen!

...hier ist der direkte Spendenlink
für unsere Kaffeekasse!