Page scroll to id (speed)

[Tablet]

Γεια χαρα βλέποντας αυτό το video

 

 

 

κατάφερα να κάνω scroll στα pages αλλά η κύλιση γίνεται πολύ γρήγορα.. υπάρχει τρόπος να κάνω τη κύλιση πιο αργή;;

Επεξ/σία 20 Μαΐου 2015 από Tablet

[smoke0man2]

ακυρ0

Επεξ/σία 20 Μαΐου 2015 από smoke0man2

[Tablet]

δεν εννοώ την κύλιση του ποντικιού...

Εννοώ τη κύλιση όταν πατάς ένα page στο header και σε μεταφέρει στο αντίστοιχο section..

[Crawl_From_Death]

Η μεταβαση σε καποιο section της σελιδας εχει να κανει με 2 πραγματα:

 

1. ποσα ms ή slow, medium, fast εχεις δηλωσει σαν ορισμα στον κωδικα της μεταβασης.

2. Ποση ειναι η αποσταση του section απο το σημειο στο οποιο βρισκεσαι. Οσο πιο κοντα τοσο πιο αργα φαινεται να γινεται η μεταβαση. Φαντασου ομως οτι στον ιδιο χρονο πρεπει να μεταβει σε ενα section το οποιο ειναι ειτε σε αποσταση 200px ή 1200px. Οσο πιο μακρυα ειναι, τοσο πιο γρηγορα φαινεται οτι γινεται αλλα αυτο ειναι μονο στο μυαλο μας. Ο χρονος ειναι ο ιδιος.

 

Δεν μπορω να δω το βιντεο (υποθετω εκει δειχνει με screencats τον κωδικα.) Αν δεν παραθεσεις τον κωδικα της μεταβασης δεν θα μπορεσω να σε βοηθησω.

[Tablet]

δε δίνει κάποιο  συγκεκριμένο κώδικα μετάβασης.

Αυτό που κάνει είναι:

 

πάει στο wordpress menu - επιλεγει ένα page π.χ "contact" - και δίνει custom link (με #contact) το id του page που θελουμε. Aυτό το βρίσκει από το chrome search element για ευκολία. Έτσι όταν πατάμε contact στο menu πάνω κάνει scroll η σελίδα κάτω στο contact.

Η σελίδα εννοείται είναι one page. To θέμα είναι πως η μετάβαση στο contact γίνεται παρα πολύ γρήγορα σε σημείο ενοχλητικό.. και ψάχνω ένα τρόπο ώστε να ελεξγω τη κύλιση 

[satafaka]

Μιλάμε για custom κώδικα ή για wordpress site?

[Tablet]

wordpress

[igor1]

<!-- Εδώ είναι το μενού και το πως πρέπει να είναι τα λίνκς -->
<ul>
	<li><a href="#one">Scroll to Section Two</a></li>
	<li><a href="#two">Scroll to Section Three</a></li>
</ul>


<!-- Εδώ είναι το τα section τα οποία θα κάνει scroll σύμφωνα με το click στα λινκς -->
<section id="one"></section>
<section id="two"></section>


<!-- jQuery script θα το προσθέσεις στο τέλος , πριν κλείσεις το body tag -->
<script>
$(function() {
	$('a[href*=#]:not([href=#])').click(function() {
	if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {

	  var target = $(this.hash);
	  target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
	  if (target.length) {
		$('html,body').animate({
		  scrollTop: target.offset().top
		}, 1000); // εδώ είναι ο χρόνος που θα αλλάξεις αν θες να γίνει πιο αργό
		return false;
	  }
	}
	});
});
</script>

Ελπίζω να είναι αναλυτικά.