Sticky Sidebar top

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

Συντονιστές: Super-Moderators, WebDev Moderators

Απάντηση
Άβαταρ μέλους
DrJim
Δημοσιεύσεις: 459
Εγγραφή: 27 Ιαν 2006 13:30
Τοποθεσία: MY COSMOS

Sticky Sidebar top

Δημοσίευση από DrJim » 15 Ιουν 2016 08:54

Καλημέρα σας,

πως θα μπορούσα οταν κάνω scroll down να μένει η sidebar στο top και όχι στο bottom?

Δείτε εδώ: http://mixhost.gr/sticky/

Τα αρχεία που έχει είναι:

http://mixhost.gr/sticky/css/style.css

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"> </script>

<script type="text/javascript" src="http://mixhost.gr/sticky/js/sticky.js"></script>
http://www.travelpassion.gr - Travel News Online

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

Sticky Sidebar top

Δημοσίευση από korgr » 15 Ιουν 2016 09:15

Και γιατί δεν το κάνεις με css?
Απλό positioning είναι
http://stackoverflow.com/questions/8935 ... f-web-page

Άβαταρ μέλους
DrJim
Δημοσιεύσεις: 459
Εγγραφή: 27 Ιαν 2006 13:30
Τοποθεσία: MY COSMOS

Sticky Sidebar top

Δημοσίευση από DrJim » 15 Ιουν 2016 10:36

Θέλω σε ένα class να σταματάει να σκρολάρει.
Πως γίνεται αυτό?
http://www.travelpassion.gr - Travel News Online

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

Sticky Sidebar top

Δημοσίευση από korgr » 15 Ιουν 2016 12:21

Θες δηλαδή στην αρχή να scrollάρει μαζί με τα υπόλοιπα elements αλλά όταν το sidebar φτάσει στο πάνω μέρος της οθόνης να μένει εκεί κολλημένο σωστά;

Άβαταρ μέλους
DrJim
Δημοσιεύσεις: 459
Εγγραφή: 27 Ιαν 2006 13:30
Τοποθεσία: MY COSMOS

Sticky Sidebar top

Δημοσίευση από DrJim » 15 Ιουν 2016 12:31

Θέλω όταν σκρολλάρει να μένει στο top του παραθύρου και όταν φτάνει πριν το .footer να σταματάει να σκρολάρει.

Δηλαδή ακριβώς ότι δείχνω http://mixhost.gr/sticky/ αλλά όταν σκρολάρει να μένει στο top και όχι στο bottom.
Αν προσέξεις όταν φτάνει στο footer σταματάει να σκρολάρει.
http://www.travelpassion.gr - Travel News Online

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

Sticky Sidebar top

Δημοσίευση από korgr » 15 Ιουν 2016 14:40

Αυτός πάιζει σε σχέση με το footer γιατί έχει position bottom
Εσύ που το θες top δεν πρέπει να είσαι σε σχέση με το header?
Σίγουρα δεν θες κάτι τέτοιο?

Άβαταρ μέλους
DrJim
Δημοσιεύσεις: 459
Εγγραφή: 27 Ιαν 2006 13:30
Τοποθεσία: MY COSMOS

Sticky Sidebar top

Δημοσίευση από DrJim » 15 Ιουν 2016 14:58

Όχι δεν χρειάζομαι αυτό.
Σε ευχαριστώ πολύ.
http://www.travelpassion.gr - Travel News Online

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 2 επισκέπτες