Zawsze pokazuj scrollbary

w dziale Opera
daroc napisał(a):

Denerwuje mnie, gdy strona przesuwa się podczas ładowania strony, a to wszystko z takiego powodu, że dopiero w trakcie ładowania strony pojawia się pasek przewijania... Czy dałoby się jakoś zrobić, żeby pionowy pasek przewijania był pokazywany zawsze, nawet gdy strona mieści się na ekranie?
(Mam włączoną opcję view -> scroll bars)

Ryszard napisał(a):

Denerwuje mnie, gdy strona przesuwa się podczas ładowania strony, a to wszystko z takiego powodu, że dopiero w trakcie ładowania strony pojawia się pasek przewijania...

A nie jest przypadkiem tak, że strona przesuwa się, bo treść strony jest wyświetlana w trakcie ładowania? Potem zaczyna to wędrować, bo obrazki wskakują na miejsce i rozpychają tekst?

daroc napisał(a):

Nie... zupłnie nie o to mi chodziło. Strona jest całkowicie statyczna.

Problem w tym, że dokument jest wyświetlany, kiedy jeszcze nie jest do końca ściągnięty. Kiedy ściągnie się na tyle dużo treści, że nie mieści się ona na ekranie, wtedy pojawia się pasek przewijania, który powoduje, że wyśrodkowana strona przesuwa się lekko w lewo (po pojawieniu się scrollbara szerokość okna, w którym wyświetlana jest strona, zmniejsza się, dlatego aby strona nadal była na śroku, musi zostać przesunięta).

Sprawdź jak jest np. na mojej stronie http://free.of.pl/d/daroc - pojawia się logo, potem ściąga się treść, która nie mieści się na ekranie, wtedy pojawia się pasek przewijania i strona jest przesuwana w lewo...
Przesunięcie jest wprawdzie nieduże, ale i tak mi to trochę przeszkadza... ;P

wuja napisał(a):

No jest ciekawostka. Załadowałem Twoją stronkę i faktycznie pojawił się przez moment pasek przewijania, ale jak zniknął to przesunięcia nie mogłem jakoś dostrzec (ja mam 1024x768 - może to też mieć jakieś znaczenie) i powtórzyłem operację, żeby zobaczyć o co chodzi.
Oprożniłem cache, kliknąłem na link i stronka otworzyła się... bez paska przewijania!
No i dalej nie wiem o co chodzi, ha.

Ryszard napisał(a):

/ot/ Przed chwilą sprawdzałem - ja jestem niby cały czas online, mimo że Operę mam wyłączoną/ot/

Sprawdź jak jest np. na mojej stronie http://free.of.pl/d/daroc - pojawia się logo, potem ściąga się treść, która nie mieści się na ekranie, wtedy pojawia się pasek przewijania i strona jest przesuwana w lewo...

Logo - najpierw nieostre, potem szczegóły (nie pamiętam jak się nazywa taki zapis pliku graficznego), sama strona - tak się "zapatrzyłem" w pojawiające się logo, że... nie zauważyłem momentu pojawiania się paska bocznego. Niech będzie, że trochę drgnęła. Przy przeładowaniu (i przez proxy i bezpośrednio) pasek z boku mam cały czas. Musiałbym czyścić kaszę Opery, a mi się nie chce.
Nie chce mi się, bo czepiasz się drobiazgów, nieistotnych zresztą. Jak się "głaska" stronę to człowiek zaczyna się czepiać wszystkiego.
Gorsza sprawa z szerokością. Na 600x800 brakuje mi ok 30px, żeby strona weszła na szerokość. No nie lubię takich stron. bigsmile Robię im [Ctrl]+[G]. Wolę sobie radzić z odszukiwaniem linków przewijając stronę góra-dół, niż na boki. Że przy okazji tracę okazję podziwiania koncepcji graficzno-kolorystycznej. No trudno.

daroc napisał(a):

Dobra, sory, trochę skopałem sprawę...
A to dlatego, bo zmniejszyłem zawartość tytułowej strony i przez to zawsze mieści się na stronie (u mnie w takim wypadku pasek przewijania się nie pokazuje, mimo że bym tego chciał...)

Gdybyście weszli do jakiegoś działu, gdzie treści na jeden ekran jest za dużo, wtedy przy ładowaniu strony widzielibyście przesunięcie (patrzcie: screen).

Przypominam, że chodzi mi tylko o to, żeby pasek przewijania był widoczny zawsze (ale tylko pionowy)... próbowałem użyć przy BODY scroll="yes" albo scrolling="yes", albo scrollbars="yes", ale nic z tego...

screen.png

Ryszard napisał(a):

chodzi mi tylko o to, żeby pasek przewijania był widoczny zawsze (ale tylko pionowy)... próbowałem użyć przy BODY scroll="yes" albo scrolling="yes", albo scrollbars="yes", ale nic z tego...



U mnie treść pierwszej strony nie mieści się na jednej stronie, więc pasek się pojawia.

Sprzątnąłem kaszę Opery, wyłączyłem proxy i ciągnę - górna część pict.png - jak widać zorientowałem się żeby zrobić zrzut w 7 sekundzie, nnawet nie było wtedy css (nie jest wyłączony tylko jeszcze nie załadowany czy "nie odpalił")
Ponowne sprzątanie, tym razem ciągnę z włączonym proxy - 1 sekunda nie było jeszcze banera (tego "dolarowego") a paski są.

Rano patrzyłem też na WinXP na 1204x768 było OK.

Chyba znalazłem przyczynę "brzydkiego" przesunięcia. Ty masz dość szerokie paski bigsmile

Zrzut "bez proxy" jest cięty - usunąłem kawałek między piątek a środa

pict.gif

daroc napisał(a):

Szerokość moich pasków to 17px - domyślnie dla WinXP...

Jeśli dobrze się przypatrzyłeś screenom, to zauważyłeś, jeśli nie ma paska, to strona jest przesunięta bardziej w prawo. Gdy po pobraniu całej treści strony pasek pojawia się, strona musi się przesunąć kawałek w lewo (nawet gdy CSS jest przez cały czas załadowany). Moje screeny chyba wszystko dokładnie wyjaśniają - na obydwu jest załadowany CSS, z tym, że na pierwszym treści nie ma na tyle dużo (bo się jeszcze cały dokument HTML nie ściągnął), żeby się pojawiły paski przewijania...

Ale wracając do tematu... czy nie ma żadnej możliwości zrobienia, aby pasek przewijania był widoczny zawsze? Tak jest w IE - i tu muszę go pochwalić! p
Poza tym jak już pisałem nie działa atrybut SCROLL itp, ale w Operze to nie działa... a może do tego trzeba użyć stylów CSS? - przyznam, że nie próbowałem...

Właśnie spróbowałem: overflow:scroll powoduje, że pojawiają się obydwa paski przewijania (pionowy i poziomy) i w dodatku poziomy pasek pojawia się przy samej górze... (strona testowa posiadała wymagane elementy: DTD, html oraz body)

lockoom napisał(a):

Moim zdaniem przesadzasz, ale jeśli baaardzo potrzebujesz tego to:

<style type="text/css">
html {
  height: 100%;
}
body {
  height: 101%;
}
</style>

Ryszard napisał(a):

Moim zdaniem też przesadzasz, ale... mam swoje poglady na kwestię "strona powinna wyglądać tak, jak chciał autor"

Szerokość moich pasków to 17px - domyślnie dla WinXP...

Skąd wiesz jaki ma system i jak ustawił szerokość pasków czytelnik. W Operze jest możliwość wyłączenia pasków i jak je wyłączyć to ich na Twojej stronie nie ma. I tak powinno być, to czytelnik decyduje czy chce pasek czy mu nie potrzebny.

czy nie ma żadnej możliwości zrobienia, aby pasek przewijania był widoczny zawsze?

Na tym akurat się nie znam, może jeszcze ktoś "wiedzący" oprócz lockoom'a załapie się na ten wątek.
Masz jeszcze jeden obrazek, nacisnąłem [Print Screen] w momencie, gdy cokolwiek pojawiło się na stronie. Jak widać znowu ładowanie przebiegało zupełnie inaczej, a ciągnąłem przez proxy, bez czyszczenia cache Opery.
Jak dla Ciebie widoczność paska od 1 sekundy ładowania to nie to samo co zasze, to ja nie wiem czego chcesz.

pict.png

GumoL napisał(a):

Witam.
Twoj problem (wydaje mi sie) nie jest zwiazany z Opera.
Problem zwiazny jest z tym, ze twoja strona jest wycentrowana.
Jezeli masz rozdzielczosc 1024x768 lub wyzsza i masz wlaczona "Hotliste" i zmienisz jej szerokosc to strona takze bedzie Ci sie przemieszczala.
Podobnie jest w IE, jezeli zmienisz szerokosc ulubionych strona zachowa sie tak samow tamtej przegladarce.
Podobnie jest przy ladowaniu strony.
Do czasu pokazania scrollbara strona jest dokladnie na srodku, pomiedzy prawa a lewa krawedzia. Gdy pojawia sie scrollbar strona automatycznie zmienia polozenie, bo gdyby tego nie zrobila nie bylaby na srodku, czyli od lewej krawedzi do poczatku scrollbara.

Wydaje mi sie, ze robisz z igly widly, bo ja gdybym nie czytal tego tematu nawet nie zwrocilbym na to uwagi.

Aha. Jest jedno wyjscie, jezeli strona nie bedzie Ci sie podobala z tym przeskoczeniem.
Sprobuj wrzucic cala strone do jednej wielkiej tabeli, wtedy strona wyswietli sie dopiero wtedy kiedy cala tabela zostanie sciagnieta, czyli w tym wypadku cala strona. Wtedy nie bedziesz mial przeskoczenia. bigsmile

daroc napisał(a):

Wszystko D*** (G****) ;(

Dobra, wycofuje wszystkie swoje wypowiedzi związane z mieszaniem w HTMLu, CSS i JS!

Odpowiedzcie mi na jedno proste pytanie:
Jak zrobić, by pionowy pasek przewijania był widoczny zawsze!? - Tylko to mi jest potrzebne. Ja chcę, żeby u mnie (a nie u innych!) nie było przesunięcia. Mnie moje przesunięcie denerwuje na wielu stronach. Może u innych przy innej konfiguracji tego nie ma, ale ja chcę podczas przeglądania stron mieć zawsze widoczny pionowy pasek przewijania. A jak innym przesunięcie nie przeszkadza, mają inną przeglądarkę, inną konfigurację... niech mają tak, jak jest...

Powtarzam:
Jak zrobić, by pionowy pasek przewijania był widoczny zawsze???

lockoom napisał(a):

Re: Wszystko D*** (G****) ;(

Jak zrobić już Ci napisałem. Jeżeli chcesz mieć to tylko u siebie to w Preferencje->Wygląd strony->Mój arkusz stylów podaj ścieżkę do swojego arkusza stylów, a w nim umieść kod który podałem wyżej. Najlepiej dodaj jeszcze !important za wartościami procentowymi.

daroc napisał(a):

A próbowałeś tak zrobić?
Mam coś takiego:
html {
height: 100% !important;
}
body {
height: 101% !important;
}
I nie działa.
Jeśli dokładnie ten sam kod wkleję do pliku HTML - to zadziała, ale w user style sheet - nie!
W configure modes mam włączone "my style sheet" dla author mode...

A może jestem totalnym laikiem i o czymś nie wiem? lol

lockoom napisał(a):

Testowałem w Operze 7.23 na Twojej stronce i paru innych i działa.

/edit: w 7.50 też działa.

d.i.z. napisał(a):

daroc: jeżeli używasz Opery 7.5 to umieść to w pliku browser.css, który znajduje się w katalogu styles w twoim profilu. Nie trzeba wtedy przełączać na user mode.

daroc napisał(a):

A jednak coś jest nie tak...

Używam Opery 7.23...
- I nie działa! :\

lockoom napisał(a):

Re: A jednak coś jest nie tak...

No nie wiem. SOA #1 - U mnie działa...

Sprawdź czy napewno zmieniłeś odpowiedni plik css i czy _napewno_ jest on wybrany jako styl użytkownika. Oczywiście My style sheet w Author mode powinno być zaznaczone, ale to sam odkryłeś. Nie wiem co jeszcze. Może wpisałeś do pliku .css także znacznik <style>?

piecia2000 napisał(a):

Tak:

<div id="always_scroll" style="position:absolute; left:-20px; top: 0px; width: 15px; bottom: -2px"></div>

daroc napisał(a):

Tia... na pewno mam odpowiedni plik włączony (po przekopiowaniu do "uruchom" otwiera się odpowiedni plik). I nie mam <style>, tylko od razu HTML {...