2010-04-20 15 views
5

To jest trochę trudne do wyjaśnienia tak źle link do strony, która ma skutek, którego potrzebuję;Jak mogę zablokować element div po lewej stronie strony, niezależnie od tego, jak bardzo przewijam w poziomie?

http://wpaoli.building58.com/wp-content/uploads/2009/08/feedback-panel.html

Rzecz zwrotne po lewej stronie jest to, co im próbuje wdrożyć na mojej stronie, zamiast sprzężenia im zamiar używać go jako nawigacji menu, która pokazuje się po kliknięciu.

rzeczy powyżej to, co mam teraz.

Mój problem polega na tym, że przewijam w prawo (moja strona ma około 6000 pikseli szerokości) Chcę, żeby pozostała po lewej stronie, czy jest jakiś sposób, aby to zrobić?

(to dużo dla mojego mózgu) dzięki!

+0

Zaimplementowałem to jakiś czas temu. Określasz pozycję CSS elementu div. Nie mogę sobie przypomnieć, czy to "względny" lub "absolutny", który chcesz. Próbuję absolutnie –

Odpowiedz

12

Ustaw div, aby styl "position: fixed", a następnie ustaw "left: 0px; top: 0px". To sprawia, że ​​element div pozostaje w lewym górnym rogu przeglądarki, a nie względnej pozycji w strumieniu HTML.

Wystarczy popatrzeć na ten przykład strony, to ma 2 składniki stałe, jeden w lewym górnym rogu, a drugi w prawym dolnym rogu:

Fixed example

+0

pamiętać, że IE6 nie obsługuje pozycji: naprawiono –

+0

Dziękuję bardzo! Nie dowiedziałem się, jakie są atrybuty pozycji, po prostu je wypróbuję i zobaczę, które z nich działa najlepiej. Myślę, że muszę trochę o nich przeczytać – Noor

+0

@ David Murdoch, tak, masz rację, powinienem wspomnieć, że są pewne problemy w IE6, ale artykuł, który łączyłem wyjaśnia to, jak również kompletne rozwiązanie dla zgodności z przeglądarką. –

0

można użyć dokładnie taką samą konstrukcję, należy używać tylko position:fixed na feedback-panel.

Powiązane problemy