Scroll up

elo · Napísal **elo**: 04.03.2014 16:19 | Scroll up

Ahojte,

neviem ci som zaradil vhodne otazku, inak sorry.

Aky pouzit kod na web, ked sa scroluje dole mysou aby sa

1. zobrazila na boku sipka a po klinuti na nu sa web automaticky scroloval hore?

Nechem aby tu sipku bolo stale viediet ale len ked sa scroluje dole az potom sa zjaví.

Dakujem.

M.

hatto13 · Napísal **hatto13**: 04.03.2014 16:30 | Scroll up

aby sa zobrazila/skryla

Kód:

$(window).scroll(function() {
 if($(window).scrollTop() > 0) { // zistujes ci si uplne hore. popripade mozes zmenit 0 na vacsie cislo ak sa to ma zobrazit s 'oneskorenim'
  $(".arrow").fadeIn(); // zobrazis sipku
 }
 else {
  $(".arrow").fadeOut(); // skryjes sipku
 }
});

po kliknuti

Kód:

$(".arrow").click(function(e){
 e.preventDefault();
 $('html, body').animate({ scrollTop: 0 }, 300);
)};

elo · Napísal autor témy **elo**: 04.03.2014 17:58 | Scroll up

Neviem co mam zle ale nejde to.

Vkladam priamo toto:

Kód:

   <?php
$(window).scroll(function() {
 if($(window).scrollTop() > 0) { // zistujes ci si uplne hore. popripade mozes zmenit 0 na vacsie cislo ak sa to ma zobrazit s 'oneskorenim'
  $("../images/images.jpg").fadeIn(); // zobrazis sipku
 }
 else {
  $("../images/images.jpg").fadeOut(); // skryjes sipku
 }
});


$("../images/images.jpg").click(function(e){
 e.preventDefault();
 $('html, body').animate({ scrollTop: 0 }, 300);
)};
?>

Vkladam tento kod do index.php - do body.

Dakujem.

killer · Napísal **killer**: 04.03.2014 18:07 | Scroll up

Je vidieť, že vôbec nemáš šajnu, čo robíš a len kopíruješ hore-dole.
Prečo ten kód vkladáš do <?php ... ?>, keď je to jQuery/javascript?
Táto časť [c]$("../images/images.jpg")[/c] nie je správna.
Používa sa odkazovanie na objekty prostredníctvom triedy, alebo identifikátora (viď. triedy a identifikátory v CSS). Takže napríklad tomu obrázku šípky nastavíš identifikátor "sipkaHore", tak [c]$("#sipkaHore").[/c] alebo budeš mať viac obrázkov (jeden identifikátor môžeš použiť len na jeden element) s nejakouTriedou, potom [c]$(".nejakaTrieda").[/c] odkazuje na všetky elementy s touto triedou.
Okrem toho, ak ešte nemáš, pre správnu funkciu potrebuješ aj naimportovanú knižnicu jQuery

elo · Napísal autor témy **elo**: 04.03.2014 19:17 | Scroll up

jQuery tam mam. Upravil som to takto:

Kód:

<script type="text/javascript">

$("#sipkaHore")(window).scroll(function() {
 if($(window).scrollTop() > 0) { // zistujes ci si uplne hore. popripade mozes zmenit 0 na vacsie cislo ak sa to ma zobrazit s 'oneskorenim'
  $("#sipkaHore").fadeIn(); // zobrazis sipku
 }
 else {
  $("#sipkaHore").fadeOut(); // skryjes sipku
 }
});

    
$("#sipkaHore").click(function(e){
 e.preventDefault();
 $('html, body').animate({ scrollTop: 0 }, 300);
)};
</script>

css:

Kód:

#sipkaHore {
   background:url(../images/images.jpg) no-repeat right;
   }   

Co mam zle?

Dakujem.

elo · Napísal autor témy **elo**: 04.03.2014 20:20 | Scroll up

skusam to aj takto:

Kód:

<div id="sipkaHore" style="display:block; "> <a href="#">
                            <span> <script type="text/javascript">
$("#sipkaHore")(window).scroll(function() {
 if($(window).scrollTop() > 0) { // zistujes ci si uplne hore. popripade mozes zmenit 0 na vacsie cislo ak sa to ma zobrazit s 'oneskorenim'
  $("#sipkaHore").fadeIn(); // zobrazis sipku
 }
 else {
  $("#sipkaHore").fadeOut(); // skryjes sipku
 }
});   
$("#sipkaHore").click(function(e){
 e.preventDefault();
 $('html, body').animate({ scrollTop: 0 }, 300);
)};
</script>                              </span>      </a>           </div>

a css:

Kód:

#sipkaHore {
   position: fixed;
   bottom: 90px;
   right: 20px;
   z-index: 99;
   }
  
#sipkaHore span {
  width: 51px;
  height: 51px
  display: block;
  margin-bottom: 7px
  background:url(../images/images.png) no-repeat center center; 
  opacity: 1;
  -webkit-transition: 0.2s ;
  -moz-transition: 0.2s ;
  transition: 0.2s ;
} 

#sipkaHore a {
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  font-family: arial;
  text-transform: none;
  color: #858585;
} 

css si potom doladim, len potrebujem rozbehat funkciu.

Pomoze niekto?

D.

hatto13 · Napísal **hatto13**: 04.03.2014 21:26 | Scroll up

A bez toho javascriptu ti tu sipku zobrazuje ci nie? lebo ak nie, tak je problem prave v css.
nevravim ze v js nie, pisal som to z hlavy bez testovania, ale najprv si skontroluj ci je tam

elo · Napísal autor témy **elo**: 04.03.2014 21:52 | Scroll up

Bez JS neukazuje ani sipku.

Ako upravit css aby sa zobrazovala sipka?

D.

killer · Napísal **killer**: 04.03.2014 21:56 | Scroll up

Bez živej ukážky to nemá význam ďalej riešiť.

elo · Napísal autor témy **elo**: 05.03.2014 9:15 | Scroll up

Mam to na localhoste.

AKo to vyriesit aby sa sipka zobrazovala?

D.

walther · Napísal **walther**: 05.03.2014 9:24 | Scroll up

Ktorú časť si nepochopil? Umiestni to na internet a daj sem odkaz. Z toho čo si zatiaľ ukázal je očividné akurát to, že nemáš šajnu, čo vlastne robíš. To sa potom ťažko pomáha, hlavne keď nevidíme, ako to patláš dohromady...
Inak by ma zaujímalo, kto ťa učil toto <div><a><span><script></script></span></a></div>

Nikde nepíšeš, aké a či ti vypisuje nejaké chyby konzola atď... No a tiež, kedy sa z tohto "$(window).scroll(function() {" stalo toto "$("#sipkaHore")(window).scroll(function() {"

hatto13 · Napísal **hatto13**: 05.03.2014 9:48 | Scroll up

ale hlavne najprv si to osetri zo strany css,html - nech ti to zobrazuje na ten stranke. js doplnis potom a hlavne si pozistuj ako sa jquery pouziva.
1. jednak ze by to malo byt v <head> stranky alebo najlepsie uplne na konci v paticke, a nie v tele
2. do osobitneho suboru
3. chyba ti tam $(document).ready(function(){ ... });

elo · Napísal autor témy **elo**: 05.03.2014 16:11 | Scroll up

Na net nie je čo vložiť.

Do kódu vkladám len to čo mi tu napíšete.

Je možné sem vložiť funkčný príklad php a aj css?

Ďakujem.

M.

Ďuri · Napísal **Ďuri**: 05.03.2014 18:05 | Scroll up

Ak ti to mame lepit cele sami, tak si zaloz temu v Ponuke prace. Nie si schopny najelementarnejsej spoluprace. Pritom staci otvorit oci, vsetko bolo povedane.

Scroll up

Scroll up

Podobné témy

Google Chrome problem "scroll in scroll"

back - scroll

scroll lock

infinite scroll

hp, nefunguje scroll

jQuery .scroll() problém

Nastavenie div scroll

scroll v ubuntu :(

scroll na hp 620

auto scroll po refresh

Scroll Bar in TRichEdit

Infinite scroll v jquery taboch

Problém so scroll barom na touchpade

Ako nastavit scroll bar v meme hore

Problem s diakritikou. a tiez ako zrusit scroll na stranke.