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

19.12.2017 10:27

TiJo
#1

Ti

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)

az_
#2

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

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

az_
#4

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