Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

disable snap scroll on mobile (or when not supported) #69

Open
moritzebeling opened this issue Sep 22, 2020 · 9 comments
Open

disable snap scroll on mobile (or when not supported) #69

moritzebeling opened this issue Sep 22, 2020 · 9 comments
Assignees
Labels
Milestone

Comments

@moritzebeling
Copy link
Member

No description provided.

@moritzebeling moritzebeling self-assigned this Sep 22, 2020
@moritzebeling moritzebeling added bug Something isn't working Frontend labels Sep 22, 2020
@moritzebeling moritzebeling added this to the v1.0 milestone Sep 22, 2020
@moritzebeling
Copy link
Member Author

@supports (display: grid) {
  div {
    display: grid;
  }
}
@supports not (display: grid) {
  div {
    float: right;
  }
}

@moritzebeling
Copy link
Member Author

@robinweissenborn ist das gelöst? also scrollt es sich auf der Startseite und Projekt-Einzelseite immer noch komisch? Oder ist es jetzt gut?

@robinweissenborn
Copy link
Collaborator

Ja es scrollt sich aufm Smartphone immer noch komisch bis gar nicht. Also so abgehakt wie ich es dir gestern oder vorgestern mal live gezeigt habe.

@moritzebeling moritzebeling removed their assignment Sep 28, 2020
@moritzebeling moritzebeling modified the milestones: v1.0, v1.1 Sep 28, 2020
@moritzebeling moritzebeling self-assigned this Sep 28, 2020
@moritzebeling moritzebeling modified the milestones: v1.0, v1.1 Sep 30, 2020
@moritzebeling moritzebeling changed the title disable snap scroll when not supported disable snap scroll on mobile (or when not supported) Oct 12, 2020
@moritzebeling moritzebeling removed bug Something isn't working question labels Oct 12, 2020
moritzebeling added a commit that referenced this issue Oct 14, 2020
@moritzebeling
Copy link
Member Author

Nochmal ewig recherchiert. Ich glaub Snap-Scroll geht nur wirklich gut, wenn es am body und direkten children ist:
https://media.kulturbanause.de/2019/02/css-scroll-snap-onepager.html
Insofern können wir das bei unserem jetzigen Setup vergessen :/

@robinweissenborn
Copy link
Collaborator

wenn es nicht geht, das es nur im desktop mode aktiviert ist und im smartphone view aus, dann hab ich auch kein problem damit darauf komplett zu verzichten. :) ich seh das eher als nice-to-have und nicht als Notwendigkeit

@moritzebeling
Copy link
Member Author

@reneweiser glaubst du man bekommt es hin, dass unser Website-Inhalt direkt innerhalb des body ist und div#routify-app wegfällt?

Bildschirmfoto 2020-10-14 um 18 55 47

@moritzebeling
Copy link
Member Author

Okay, ist jetzt ausgeschaltet. wenn ich es mir jetzt so ansehe, fehlt was. Aber ich merke auch, dass am Handy plötzlich alles vieeeel smoother...

@robinweissenborn
Copy link
Collaborator

Ich weiß nicht genau ob es hiermit zu tun hat, aber bei der Startseite crasht »Robin Weißenborn« jetzt mit »Things Beside Themselves« weil es nicht mehr zweizeilig ist. (Bild 1)
Auf der Projektseite ist auf meinem Telefon aktuell noch ein komischer Bildausschnitt zu sehen. (Bild 2)

1
2

@robinweissenborn
Copy link
Collaborator

Ich weiß natürlich nicht wie euer Zeitplan aussieht, aber könntet ihr diese zwei Veränderungen noch anpassen? Die sind jetzt seit zwei Tagen live und ich hab keinerlei Reaktion darauf bekommen?! Bitte meldet euch mal dazu. Vielleicht kann man zumindest ne alte Version online schalten die diese Überlappungen nicht hat – wenn ihr technisch nicht weiter kommt?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants