Zbyt duże przesunięcie strony przy zakotwiczaniu

Odpowiedz Nowy wątek
2019-05-10 22:25
1

Problem

Ogólnie, gdy kliknie się w powiadomienie o nowym komentarzu, ładuje się strona z tym komentarzem i jest ona zakotwiczana. Do tej pory była zakotwiczana zgodnie z moim oczekiwaniem – czyli na samej górze viewportu – ale od pewnego czasu oraz jest ona zakotwiczana trochę wyżej, tzn. poza viewportem. Przez to komentarz nie jest już widoczny.

Przykład:

Po kliknięciu w powiadomienie o tym komentarzu, po załadowaniu strony komentarz jest ledwo widoczny, a widok strony wygląda tak:

too-low.png

Z komentarza można zobaczyć jedynie stopkę (datę + liczbę głosów).

Aktualne

Po załadowaniu strony kotwiczy ona niżej niż górna granica komentarza (tzn. górna granica komentarza wychodzi poza górną granicę viewportu).

Oczekiwane

Po załadowaniu strony kotwiczy ona lekko powyżej górnej granicy komentarza (tzn. górna granica komentarza NIE wychodzi poza górną granicę viewportu).


UPDATE: Nie jestem pewien, czy nie dotyczy to każdej treści, nie tylko komentarzy.


UPDATE2: Przeglądarka to Firefox 66.0.4 (64-bit) na Fedorę.


UPDATE3: Problem wydaje się również występować na Chromium, Version 73.0.3683.86 (Developer Build) Fedora Project (64-bit).

edytowany 6x, ostatnio: Silv, 2019-05-11 14:02

Pozostało 580 znaków

2019-05-11 07:44
0

Potwierdzam - też to zauważyłem. Jest to szczególnie wkurzające na mobilnej wersji, kiedy często na ekranie, zamiast wybranego komentarza, widzę szarą forumową stopkę i muszę przewijać w górę. Dodatkowym utrudnieniem jest to, że podczas scrollowania, wskazany komentarz traci żółte podświetlenie, więc muszę przeglądać listę i patrzeć, na którym skończyła się moja znajomość wątku. Trochę to życie utrudnia :(


That game of life is hard to play
I'm gonna lose it anyway
The losing card I'll someday lay
So this is all I have to say

Pozostało 580 znaków

2019-05-11 09:40
1

Nie wiem jak u innych, ale u mnie ten problem występuje również jeśli chodzi o kotwice do postów w normalnych wątkach. W klasycznej Operze link do powyższego postu kolegi @cerrato pokazuje stronę w ten sposób:

post opera.png

Na Firefox post pokazuje się z poprawnym wyrównaniem:

post firefox.png

ale jeśli kliknę na pasek adresu i wcisnę Enter w celu ponownego wyrównania strony do kotwicy bez przeładowania strony, to efekt jest taki sam jak na klasycznej Operze – menu z okruszkami przykrywają posta:

post firefox refreshed.png


link do postu kolegi @cerrato - szkoda, że kolegi, a nie przyjaciela ;) - cerrato 2019-05-11 10:13

Pozostało 580 znaków

2019-05-11 09:49
1

W razie czego to na swojej stronce mam to załatwione za pomocą CSS:

:target:before{
  content: '';
  display: block;
  height: 100px;
  margin: -100px 0 0;
}

Offset 100px dla kotwic nagłówków, który uwzględnia wysokość przyklejonego menu (obecnie 64px) plus dodatkowy odstęp. Nie wiem czy to się przyda, ale jakby co to ten sposób działa prawidłowo na różnych przeglądarkach, zarówno po załadowaniu strony jak i po jej odświeżeniu bez przeładowania. :]


edytowany 2x, ostatnio: furious programming, 2019-05-11 09:50

Pozostało 580 znaków

2019-05-12 15:37
0

Przesuwanie do właściwego komentarza/postu jest zrobione od bardzo dawna w JS. Te przesunięcie tyczy tylko użytkowników, którzy mają włączone przyklejone menu w swoich ustawieniach.

Dlaczego to nie działa w komentarzu wspomnianym przez @Silv? Ponieważ tam jest znajduje się długi wpis na mikro, który jest skracany, również przez JS, co powoduje zmianę wysokości strony i w rezultacie, przewija do złego komentarza :(

Na forum ten problem nie powinien występować.

Pozostało 580 znaków

2019-05-12 16:25
0
Adam Boduch napisał(a):

Przesuwanie do właściwego komentarza/postu jest zrobione od bardzo dawna w JS. Te przesunięcie tyczy tylko użytkowników, którzy mają włączone przyklejone menu w swoich ustawieniach.

Mam włączone przyklejanie paska. To przesunięcie, czyli które?

Dlaczego to nie działa w komentarzu wspomnianym przez @Silv? Ponieważ tam jest znajduje się długi wpis na mikro, który jest skracany, również przez JS, co powoduje zmianę wysokości strony i w rezultacie, przewija do złego komentarza :(

Ale przecież można by coś z tym zrobić? Tzn. może wymagałoby to kilku specyficznych linijek w JS, więc nie mówię, że to jest priorytet w zadaniach, ale ogólnie myślę, że można.

Na forum ten problem nie powinien występować.

Rzeczywiście, u mnie na Firefoksie na forum wydaje się ten problem nie występować.


UPDATE:

Jednak pewien problem występuje również na forum (Firefoks). Nie wiem, czy to jest ten sam problem. Chociaż mam włączone przyklejanie menu, to komentarz "wjeżdża pod nie". Tak to wygląda:

too-low2.png

Z komentarza (na samej górze) widać jedynie dolny padding oraz dolne obramowanie – łącznie 6px (pierwsza szara linia nad liczbą "27" to jego dolne obramowanie). W narzędziach deweloperskich wygląda na to, że jest on po prostu dosuwany do górnej krawędzi viewportu, tzn. nie wychodzi poza viewport (ale mogę się mylić, mierzyłem na oko). Z tego mój wniosek, że może, po prostu, nie działa przyklejanie menu.

PS. Nie mogę stwierdzić, by dla każdego komentarza ten problem występował, na pewno wystąpił dla tego jednego, co widać na zrzucie ekranu.

PS2. To jest ten komentarz: Ogrzewanie podłogowe (wodne) - czy warto?

edytowany 7x, ostatnio: Silv, 2019-05-15 15:21
@furious programming: masz włączone przyklejanie paska? - Silv 2019-05-12 16:26

Pozostało 580 znaków

Odpowiedz
Liczba odpowiedzi na stronę

1 użytkowników online, w tym zalogowanych: 0, gości: 1, botów: 0