Tech Time: Scroll back to top button without jQuery

TRANSLATUM

Μία πολύ χρήσιμη online εφαρμογή είναι
το Translatum το οποίο μας βοηθά να μεταφράσουμε λέξεις και κείμενα μέσα από πάρα πολλά λεξικά!Δεν θέλει εγκατάσταση απλά πατήστε στην εικόνα για να μεταφερθείτε στην ιστοσελίδα του Translatum, επιλέξτε

ότι σας ενδιαφέρει και πατήστε Μετάφραση!

Τρίτη 7 Απριλίου 2015

Scroll back to top button without jQuery

Φίλες και φίλοι γεια σας, είχαμε δει σε παλαιότερη ανάρτηση ένα από τα χρησιμότερα
widget για ta blog μας το Scroll back to top button .Κάνει ακριβώς την ίδια δουλειά
με το Back to top button δηλαδή με το πάτημα ενός κουμπιού επανερχόμαστε απευθείας
στην κορυφή της σελίδας, με την μόνη διαφορά, ότι αυτό ανεβαίνει σκρολάροντας προς
τα πάνω δηλαδή κυλιόμενα και όχι απότομα όπως το Back to top button!

Σήμερα θα δούμε πάλι ένα widget Scroll back to top button αλλά χωρίς να έχει μέσα στον
κώδικα του jQuery script!Σε πολλά blogs που έχουν sliders η κάποια widgets που είχαν
στον κώδικα τους jQuery script το scroll back δεν λειτουργούσε η λειτουργούσε και δεν
λειτουργούσε κάτι άλλο λόγω του jQuery script!Με αυτή την ανάρτηση ελπίζω να λυθούν
αυτά τα προβλήματα!

Demo δεξιά κάτω εδώ στο Tech Time!

Η εγκατάσταση είναι πάρα πολύ απλή και για να γίνει αυτό...

Πηγαίνετε blogger--> Διάταξη -->

Προσθήκη gadget-->HTML/JavaScript

και στο παράθυρο που θα ανοίξει βάλτε τον παρακάτω κώδικα-->
.................................................................................................................................................

<script type='text/javascript'>$(function(){$(window).scroll

(function(){if($(this).scrollTop()!=0){$("#NBT-top").fadeIn()}else{$("#NBT-top").fadeOut()}});$

("#NBT-top").click(function(){$("body,html").animate({scrollTop:0},1400);return false})});</script>

<a href="http://www.newbloggertips.com"></a><a id='NBT-top' style='display: none; position: fixed; bottom: 1px; right:1%; cursor:pointer;font:12px arial;'><img src='ΕΔΏ ΜΠΑΙΝΕΙ ΤΟ URL THΣ ΦΩΤΟΓΡΑΦΙΑΣ ΣΑΣ '

alt='Scroll to top widget @NBT Blog.newbloggertips.com '/></a>

.....................................................................................................................................................

ΑΛΛΑΓΕΣ

1400 --Εάν αυξήσετε το 1400 μειώνεται η ταχύτητα του scroll, εάν το μειώσετε αυξάνεται!

right --Εάν βάλετε left το βελάκι μπαίνει αριστερά!

ΕΔΏ ΜΠΑΙΝΕΙ ΤΟ URL THΣ ΦΩΤΟΓΡΑΦΙΑΣ ΣΑΣ --Εδώ βάζετε την διεύθυνση της εικόνας σας!

Μόλις τελειώσετε Αποθήκευση και είστε έτοιμοι!!

Έτοιμα εικονίδια:

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDHMi9dIo7HEZGzlnmLHzpNW_JxvED0ge0j2Rc-Z-Kw-4qCtI5VdGOROU_2-S0l94Ou8Icd3xV5cTpzq4kppRQK0zx4mAwjbBU-WHJVxpwh4zTqNbXG3KJAmDAhpgjsu_5p50zZs6ky3M/s62/arrow_up_2.png

2.

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0YYve2AKzWkwnUBZ8BK1PSrUqp8YlWgFNpVFPksgiXMSOtlreB-B0WQWdJnFOnCTC9ShH9At1JUBl-PieSR9695f3wRlVCIPZxg0K4RZFHNcCEMzr729P1mL4GLXxaM3N3Dzq-ZoDHgs/s62/arrow-166-512.png

3.