Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: OT: Element przesuwajacy sie w czasie scrollowania strony
Forum PHP.pl > Inne > Hydepark
molo
Witam!
Chcialbym na stronie umiesci element, ktory bedzie caly czas widoczny. Dokladnie to ma to byc menu po lewej stronie, ktore bedzie sie przesuwalo w czasie gdy strona bedzie scrollowana. Moze to troche off-topic, bo zapewne bedzie trzeba uzyc do tego javascriptu, ale nie wiedzialem gdzie zapytac.
Czy ma ktos moze jakies sugestie jak to zrobic, albo gdzie znalezc przyklad?

Pozdrawiam!!!
FiDO
Wpadnij na www.blatek.25.pl
Kiedys tam cos takiego bylo, nie wiem jak teraz.
Seth
XHTML=>Hydepark
Do offtopicow jest forum Hydepark
..::SKRZYPEK::..
<table>
<tr>
<td>*</td>
<td><iframe scrolling="no" frameborder="no" marginwidth="0" marginheight="0" width="*" height="*" name="001" src="*.html">
Twoja przegladarka nie obsluguje plywajacych ramek!</iframe></td>
</tr>
</table>


Jeśli chcesz aby pokazywało się w tej ramce robisz

<a href="*.html" target="001">*</a>
Teodor
Cytat
Witam!
Chcialbym na stronie umiesci element, ktory bedzie caly czas widoczny. Dokladnie to ma to byc menu po lewej stronie, ktore bedzie sie przesuwalo w czasie gdy strona bedzie scrollowana. Moze to troche off-topic, bo zapewne bedzie trzeba uzyc do tego javascriptu, ale nie wiedzialem gdzie zapytac.
Czy ma ktos moze jakies sugestie jak to zrobic, albo gdzie znalezc przyklad?

Pozdrawiam!!!

Witaj

To o co pytasz mozna zrobic za pomoca css ONLY tongue.gif

Gdyby "jedyna sluszna przegladarka" obslugiwala position: fixed sprawe zalatwilaby jedna linijka w css a tak to trzeba zastosowac maly hack smile.gif
[xml:1:cdd6c7b7f9]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2" />
<title>Scroll</title>
<style type="text/css">
<!--
body {
margin: 0;
padding: 0;
}
#main{
/*tutaj np polozenie glownej strony */
}
#menu {
position: absolute;
top: 0px; /*pozycja menu od gory */
left: 0px; /* pozycja menu od lewej */
width: 200px; /* to jest szerokosc menu */
height: 100px; /* to jest wysokosc menu */
background-color: green; /* to kolor tla menu */
}
body>#menu {
position: fixed;
}
-->
</style>
<!--[if IE 6]>
<style type="text/css">
html {
overflow: hidden;
}
body {
height: 100%;
overflow: auto;
}
</style>
<![endif]-->
</head>

<body>
<div id="main">
TUTAJ MAIN PAGE
</div>
<div id="menu">TUTAJ MENU</div>
</body>
</html>
[/xml:1:cdd6c7b7f9]

Pozdrawiam
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.