End of Support for Joomla 3 - Forum closed

Zum Anker Scrollen

Webatelier
Offline Topic Author
Fresh Boarder
Posts: 6
Thank you received: 0

Zum Anker Scrollen was created by Webatelier

Posted 7 years 6 months ago #17293

Hallo
Ich würde gerne mittels Menü zu einem Anker scrollen.
Wenn ich im Menüeintrag externen link auswähle und dort zum Beispiel #bottom-d eingebe dann springt er zu diesem Modul.
Wie kann ich dies in ein scrollen umändern?
Danke und Freundliche Grüße

by Webatelier

Please Log in or Create an account to join the conversation.

Webatelier
Offline Topic Author
Fresh Boarder
Posts: 6
Thank you received: 0

Replied by Webatelier on topic Zum Anker Scrollen

Posted 7 years 6 months ago #17297

Ich habe nun folgendes versucht -leider nur bedingt erfolgreich. Das scrollen funktioniert dann aber leider funktioniert das Menü im mobilen nicht mehr.


<script src=" ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js ">
<script>
$(function() {
$('a[href*=#]:not([href=#])').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top
}, 4000);
return false;
}
}
});
});
</script>

by Webatelier

Please Log in or Create an account to join the conversation.

joomlaplates
Offline
Moderator
Posts: 8807
Thank you received: 1732

Replied by joomlaplates on topic Zum Anker Scrollen

Posted 7 years 6 months ago #17298

Welches Template benutzen sie

Dokumentation:
www.joomlaplates.de/dokumentation.html

by joomlaplates

Please Log in or Create an account to join the conversation.

Webatelier
Offline Topic Author
Fresh Boarder
Posts: 6
Thank you received: 0

Replied by Webatelier on topic Zum Anker Scrollen

Posted 7 years 6 months ago #17299

Ich benütze derzeit das Expert Template

by Webatelier

Please Log in or Create an account to join the conversation.

joomlaplates
Offline
Moderator
Posts: 8807
Thank you received: 1732

Replied by joomlaplates on topic Zum Anker Scrollen

Posted 7 years 6 months ago #17300

Hallo fügen sie mal folgendes Script in ihr Template ein:
Das geht unter:
>> Template Styles > Settings > Additional Scripts ( siehe Bild

Code:

<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){
		event.preventDefault();
		$('html,body').animate({scrollTop:$(this.hash).offset().top-70}, 900);
		});
	});
</script>

Attachment 1-2-3.jpg not found

Nun können sie vom Menupunkt aus scrollen, hierzu benutzen sie den Link CSS Style, siehe Bild

Attachment 2-2-3.jpg not found

Dokumentation:
www.joomlaplates.de/dokumentation.html

by joomlaplates

Attachments:

Please Log in or Create an account to join the conversation.

Webatelier
Offline Topic Author
Fresh Boarder
Posts: 6
Thank you received: 0

Replied by Webatelier on topic Zum Anker Scrollen

Posted 7 years 6 months ago #17305

Super Danke :-)

) Euer Support hier ist echt Hammer!

Einzig bei dem "Home" Menü funktiniert es nicht, dass er einfach nach ganz oben scrollt.
Ausserdem brauche ich nun noch etwas, dass es beim klick auf das Logo nicht home lädt sondern auch einfach nach oben scrollt. fertig ist das perfekte OnePage Template :-)