Urządzenia i rozmiary ekranu, które określają rozmiar okna przeglądarki tak bardzo, że pisanie kodu spełniającego wszystkie aplikacje jest problematyczne. Wystarczy nacisnąć stopkę na dole strony, aby była ona akceptowalna w idealnym przypadku użycia, ale istnieją co najmniej dwie sytuacje, gdy jest to prawie niemożliwe.

Po pierwsze, nie tylko ekrany tabletów i smartfonów umożliwiają przenoszenie wirtualnego ekranu fizycznego. Okno widoczności fizycznej - mniej wirtualne okno ekranu, z którego można poruszać się fizycznie. Po drugie, jak wycisnąć stopkę na dole strony (reguły CSS) jest mniej lub bardziej wyraźny, a następnie jak zmienić rozmiar samej przeglądarki?

Pozycjonowanie bezwzględne i względne

Decyzja o kontrolowaniu wszystkich współrzędnych i rozmiarów nie zawsze jest preferowana, szczególnie przy wyświetlaniu treści ciągłych. Decyzja, aby umieścić go na strumień (opcja małe elementy, a nie jednostki absolutne), gdzie każdy kolejny element jest umieszczony po poprzednim, a więc nie ma przerw lub problemów związanych z wyświetlaniem stopce, zawsze jest późno, ale nie zawsze jest „zatrzymany” na dno obramowanie okna przeglądarki. Koniec strumienia nie jest dolną krawędzią strony. Stopka może znajdować się poniżej, ale naciśnij ją na dole okna przeglądarki, CSS "nie pozwoli." Zawsze są dwie opcje przesuwania dolnej krawędzi okna przeglądarki: w górę iw dół - po załadowaniu strony do przeglądarki. To jest problem. W większości przypadków stopka z reguły CSS «dolny»z kolejnymi kolejnymi zasadami umieszczania, czapki, zawartość i stopki mogą zapewnić pożądane rozwiązanie. Ale ta decyzja będzie łatwa. Nie bierze pod uwagę wielu sytuacji. Tradycyjna pozycja stylu programowania internetowego "NIE Zrozum, NIE rób" wymaga od programisty wyraźnej struktury strony, żadnych obliczeń w procesie, a decyzję o naciśnięciu stopki na spód strony można pozostawić jako taką.

Klasyczne rozwiązanie problemu z łapami

Najprostszym sposobem rozwiązania tego problemu w przyszłości, a ogólnie mówiąc "tworzenie witryn", jest wykorzystanie systemu zarządzania treścią (CMS). Nie ma problemu, jak przesunąć stopkę na spód strony, wordpress, drupal, magenta, 1c-bitrix i inne CMS "wiem" i "zrobić". W większości przypadków programista to robi. Za pomocą dowolnego systemu sterowania programista zmienia się w menedżera treści i po prostu wypełnia szablony, zarządza rozmieszczeniem informacji, konfiguruje łącza. W świecie współczesnego popularnego CMS-a istnieje tylko jeden zasadniczy problem: obszar specyficznej aplikacji, zainteresowania klienta i kwalifikacje wykonawcy w bardzo rzadkich przypadkach, odpowiadają mentalności grupy programistów, wszelkich, najbardziej zaawansowanych, CMS. Błędy, dziury i obszary problemowe są zawsze wykrywane.

Internetowe rozwiązanie problemu stóp

Wszystkie wąskie gardła w programowaniu nowoczesnych interesujących stron stają się przedmiotem dyskusji i rozwiązań w środowisku internetowym. W kontekście kompletnego rozwiązania na stronie, jak przesunąć stopkę na dół strony, 4Metoda ta jest gwarantowana i tylko (!) W ramach tylko jednej reguły CSS.
Sprzedawcy z jakiegoś nieuzasadnionego i niewytłumaczalnego powodu zdecydowali, że problem stopki i ogólny skład strony - tylko ich prerogatywa. Dynamika standardów HTML5 i CSS3 sugeruje, że rozwija się składnia i semantyka hipertekstu. Pojawiają się nowe pomysły, a stare są aktualizowane. To dobrze, ale strona nie jest HTML5 /CSS3, ani nawet programista z klientem. Jest to rozwiązanie prawdziwego wyzwania w rzeczywistej przestrzeni internetowej i aplikacji (usługi, produkty, pomysły).

Okno przeglądarki jako gatunek klasyczny

Przejście z tekstu na grafikę przez trzydzieści lat uczyniło podstawową koncepcję okna dla dowolnego systemu operacyjnego. Os Windows i Apple, i przyjazna rodzina yunikosoidov wszystkie atrakcyjne dla interfejsu okna. Pomysły programowania okien i podział elementów HTML na bloki z pozycją absolutną i względną powodują, że problem naciśnięcia stopki na spód strony jest wyjątkowo prosty: nie trzeba naciskać stopki i obniżać dolną krawędź okna przeglądarki, aby się zmienić. Co jest prostsze, ponieważ przeglądarka rozumie, kiedy jej dolna linia (linia stanu) zawiera informacje: To nie jest decyzja, aby przesunąć stopkę na dół strony i nie jest to futerko, ale w tym przykładzie jest oczywiste, że istotą fether jest wyjaśnienie okna przeglądarki do pożądanego projektu. Jednak ta okoliczność nie jest związana z piwnicą strony, a jedynie z funkcją przeglądarki. Pasek stanu nie jest futer.

Dynamiczne rozwiązanie wykorzystujące javascript

Po pobraniu strony przeglądarkimożna uruchomić skrypt javascript, który określa położenie elementów strony zgodnie z bieżącym rozmiarem okna przeglądarki. Oczywiście to rozwiązanie zdecydowanie umieszcza stopkę we właściwym miejscu. W tym przykładzie odpowiedź na zdarzenie onload jest ustawiana funkcją GoPage (), która definiuje bieżące współrzędne diva scLogo i umieszcza je we właściwym miejscu. W przypadku zmiany rozmiaru okna przeglądarki odpowiedź jest ustawiana za pomocą funkcji scfChange.
W tym przypadku współrzędne elementu są wznawiane, odpowiednio, poprzez zmianę rozmiaru okna przeglądarki. Problem polegający na przesunięciu stopki na spód strony jest jednoznaczny. Możesz związać element względem dowolnej granicy okna. javascript działa szybko, a odwiedzający nie zauważy, jak dokładnie pozycjonowanie elementów zostało wykonane: reguł CSS lub algorytmu javascript. Wynik tego kodu podczas zmiany rozmiaru okna przeglądarki: Ten element oznaczony Google zostaną umieszczone we właściwym miejscu, o każdej zmianie w oknie przeglądarki, ale element oznaczony ISV być prawidłowo wyświetlany tylko przez zwiększenie przeglądarkę dół i prawidłowa pozycja prawego suwaka.

Optymalne rozwiązanie dla elementów pozycjonujących

Era statycznych stron już dawno minęła. Używanie technologii AJAX, gdy elementy strony są wypełnione właściwymi informacjami w zależności od działań użytkownika, jest prawdziwe. Idea, kiedy strona jest tworzona w locie, jest przyszłością. Najlepszy sposób publikowania informacji na stronienie pokazuje, co zaplanował deweloper lub właściciel witryny. Jeśli spojrzysz na stronę w oczach gościa, który przyszedł w określonym celu, mądrze jest oferować mu za każdym razem dokładnie to, czego się spodziewa. To nie jest dziwny pomysł, jak mogłoby się wydawać. Ale jeśli odwiedzający pracował na stronie, a sesja zakończyła się określoną pozycją strony, byłoby rozsądnie rozpocząć następną sesję dokładnie od tego przepisu. Nie jest trudno zapamiętać wynik pracy i stan odwiedzającego (strona) pod koniec sesji w plikach cookie lub w bazie danych na serwerze. Po powrocie tego gościa możesz wrócić do zapisanego stanu zamiast tworzyć oryginalną stronę witryny.