Rezultate 1 la 2 din 2

Subiect: Cum sa nu afisezi butonul backToTop

  1. #1
    Avatarul lui Andretti
    Andretti este deconectat Membru SeoPedia
    Reputatie:
    18
    Data înscrierii
    25th October 2007
    Locaţie
    Slatina
    Posturi
    88
    Putere Rep
    18


    2 out of 3 members found this post helpful.

    Exclamation Cum sa nu afisezi butonul backToTop

    Recent am avut de-a face cu o tema pentru Prestashop cumparata de la leothemes . com si pentru ca am vrut sa afisez un buton pentru chat langa butonul #backToTop am zis sa folosesc acelasi event.

    Functia cu pricina din global.js arata cam asa:
    Cod PHP:
    function backtotop() {
        
    // hide #backtop first
        
    $("#backtop").hide();

        
    // fade in #backtop
        
    $(function () {
            $(
    window).scroll(function () {
                if ($(
    this).scrollTop() > 100) {
                    $(
    '#backtop').fadeIn();
                } else {
                    $(
    '#backtop').fadeOut();
                }
            });

            
    // scroll body to 0px on click
            
    $('#backtop a').click(function () {
                $(
    'body,html').animate({
                    
    scrollTop0
                
    }, 800);
                return 
    false;
            });
        });

    NU faceti asta... kill it with fire !
    De ce nu ?
    Manipulare inutila a unui element din DOM, in cazul nostru butonului cu id-ul #backtop ii este adaugat atributul style si este afisat sau ascuns(in functie de marginea de sus fata de pragul de 100px setat) cu display: inline/inline-block/block respectiv display: none .
    Practic butonul este afisat sau ascuns de cateva zeci, sute sau mii de ori in functie de inaltimea paginii si de cat se scroleaza. Astfel browser este ingreunat, scroll-ul nu e lin si mai mult decat atat, scroll event functioneaza si cand se face swipe pe mobil sacadarea fiind si mai accentuata.

    Am inlocuit functia cu asta:
    Cod PHP:
    function backtotop() {
            
    let state false,
                
    bt document.getElementById('backtop');
            
    window.onscroll = function () {
                
    let sy = (window.pageYOffset !== undefined) ? window.pageYOffset : (document.documentElement || document.body.parentNode || document.body).scrollTop;

                
    // console.log(sy, ' state este ', state);
                
    if (!state) {
                    if (
    sy 500) {
                        
    // console.log('afisez buton');
                        
    bt.style.cssText 'display:block';
                        
    state true;
                    }
                    return;
                }
                if (
    sy 500) {
                    
    // console.log('ascund buton');
                    
    bt.style.cssText 'display:none';
                    
    state false;
                }
            }
        } 
    Da, vanilla pentru o sarcina atat de simpla . Puteti include si
    Cod PHP:
    $('#backtop a').click(function () { } 
    in functia backtotop().
    Tema a fost una din cele gratuite si nu una "premium" care ar fi costat intre 68 si 100$ si ar fi inclus acelasi global.js cu aceleasi functii, dar nu cred ca pretul e important ci atentia acordata si timpul investit in crearea temelor.

  2. #2
    Avatarul lui Americanu
    Americanu este deconectat Junior SeoPedia
    Reputatie:
    0
    Data înscrierii
    27th October 2016
    Posturi
    7
    Putere Rep
    0


    0 out of 1 members found this post helpful.

    Implicit

    am gasit modul free pe mypresta eu by vekia

Informații subiect

Utilizatori care navighează în acest subiect

Momentan este/sunt 1 utilizator(i) care navighează în acest subiect. (0 membrii și 1 vizitatori)

Thread-uri Similare

  1. Butonul Like de la Facebook pentru blogspot
    De Aradean în forumul Metode de promovare, Analiza trafic.
    Răspunsuri: 17
    Ultimul Post: 1st September 2013, 16:24
  2. facebook va lansa butonul WANT
    De N. Iulia în forumul Stiri Social Media
    Răspunsuri: 26
    Ultimul Post: 14th June 2013, 19:49
  3. E bine sau nu sa afisezi descrierea autorului pe un site
    De strike03 în forumul Webmaster Tools
    Răspunsuri: 8
    Ultimul Post: 9th January 2013, 11:49
  4. Cum sa afisezi un widget doar pe prima pagina ?
    De palex1988 în forumul WordPress
    Răspunsuri: 6
    Ultimul Post: 17th November 2011, 19:24
  5. Butonul +1 Google
    De helyos în forumul Google
    Răspunsuri: 8
    Ultimul Post: 2nd June 2011, 21:08

Etichete pentru acest subiect

Permisiuni postare

  • Nu puteţi posta subiecte noi.
  • Nu puteţi răspunde la subiecte
  • Nu puteţi adăuga ataşamente
  • Nu puteţi modifica posturile proprii
  •