| Autor | Zpráva | ||
|---|---|---|---|
| TomasRe Profil |
#1 · Zasláno: 23. 12. 2014, 18:08:37
Zdravím, mohl by jste mi prosím někdo poradit s javascriptem (vůbec neovládám). Na webu, kde je dvousloupcový layout je v levém sloupci banner, který by měl pomoci jquery sjet dolů při rolování stránky. To i funguje, ale pouze do určité výšky, pak se zastaví. Příklad takového banneru je na novinky.cz, tam se ale zastaví záměrně.
|
||
| MateK Profil |
#2 · Zasláno: 23. 12. 2014, 19:49:38
TomasRe:
Zdravím, veľmi by nám pomohlo ak by si nám tu skopíroval tvoj script, prípadne HTML kód. |
||
| lionel messi Profil |
#3 · Zasláno: 23. 12. 2014, 19:51:47
MateK:
„Zdravím, veľmi by nám pomohlo ak by si nám tu skopíroval tvoj script, prípadne HTML kód.“ A ešte viac by pomohol odkaz na živú ukážku. |
||
| TomasRe Profil |
#4 · Zasláno: 23. 12. 2014, 20:04:26 · Upravil/a: TomasRe
MateK:
Zkusil jsem to tedy nějak zredukovat (scripty jsou stažené a nijak neupravené) <script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/ui.core.js"></script>
<script type="text/javascript" src="js/jquery.cookie.js"></script>
<script type="text/javascript" src="js/jquery.scroll-follow.js"></script>
<script type="text/javascript">
$( document ).ready( function ()
{
$( '#posun' ).scrollFollow(
{
speed: 1000,
offset: 20,
killSwitch: 'exampleLink',
onText: 'Disable Follow',
offText: 'Enable Follow'
}
);
}
);
</script>
</head>
<body>
<div align="center">
<p>hlavicka</p>
</div>
<div align="center">
<div id="main"> // width, height
<div id="leva"> // width;height:auto;float:left;
<p>menu</p>
<div id="posun"> // position:relative;
<div id="banner"> // margin-top:40px;
<p>img banner</p> // tento banner se posouvá
</div>
</div>
</div>
<div id="prava"> // width;height:auto;float:right;
<div id="obsah"> // width
<div id="stranka"> // margin, padding
<p>obsah stránky</p>
</div>
</div>
</div>
</div>
<div id="clear">
</div>
</div>
<div align="center">
<div id="paticka">
<p>paticka</p>
</div>
</div>
</body>
</html>Ještě přikládám živou ukázku: http://kod.djpw.cz/kyib |
||
| Marschmallow Profil |
#5 · Zasláno: 23. 12. 2014, 20:06:50
TomasRe:
Koukni na Jak vytvořit fixovaný banner?. |
||
| TomasRe Profil |
Marschmallow:
To určitě zkusím. Děkuju. Už jsem to vyzkoušel a tam je bohužel problém s pozicováním. |
||
| TomasRe Profil |
#7 · Zasláno: 24. 12. 2014, 11:28:10
Vyřešil jsem to tedy stylem position:fixed;. Sice to není přesně ono, ale účel to splní... Navíc jquery se pere se scriptem lightbox. Pokud někdo budete mít ještě nějaké elegantní řešení, budu jedině rád. Děkuji.
|
||
|
Časová prodleva: 9 let
|
|||
0