lingschmetter
Cadet 1st Year
- Registriert
- Aug. 2014
- Beiträge
- 9
Hallo,
Ich versuch gerade eine Website als Singlepage mit horizontalem scrollen zu entwickeln.
Am PC funktionierts schon einwandfrei, aber am Handy leider nicht.
Wenn man da im Menü auf eine Kategorie (zb Impressum) klickt, ruckelt/zittert das Bild aber es wechselt nicht.
Dieser Code ist dafür zuständig (hab ich im Internet gefunden):
Ich hätte es jetzt so gelöst, dass ich in der mobilen Version ein extra Menü einblenden lasse (also auch wenn man am PC das Fenster zusammenschiebt, wechselt man zum mobilen Menü) dort gibt es keine SinglePage, sondern Unterseiten. Am mobilen Gerät klappt alles wunderbar! Allerdings ist dann das Problem, wenn man die Seite am PC wieder groß zieht, ist man dann auf der Seite mit den Unterseiten - und die Website wechselt nicht mehr horizontal wie bei der SinglePage.
Ich würde mich über hilfreiche Antworten sehr freuen
LG
Lisa
Ich versuch gerade eine Website als Singlepage mit horizontalem scrollen zu entwickeln.
Am PC funktionierts schon einwandfrei, aber am Handy leider nicht.
Wenn man da im Menü auf eine Kategorie (zb Impressum) klickt, ruckelt/zittert das Bild aber es wechselt nicht.
Dieser Code ist dafür zuständig (hab ich im Internet gefunden):
Code:
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$("#navi a").bind("click",function(event){
event.preventDefault();
var target = $(this).attr("href");
$("html, body").stop().animate({
scrollLeft: $(target).offset().left,
scrollTop: $(target).offset().top
}, 1200);
});
});
$(document).ready(function() {
$("#contact a").bind("click",function(event){
event.preventDefault();
var target = $(this).attr("href");
$("html, body").stop().animate({
scrollLeft: $(target).offset().left,
scrollTop: $(target).offset().top
}, 1200);
});
});
</script>
Ich würde mich über hilfreiche Antworten sehr freuen
LG
Lisa
Zuletzt bearbeitet: