Santana Oliveira Posted February 17, 2014 at 01:56 PM Report #545548 Posted February 17, 2014 at 01:56 PM Olá Preciso de criar um sistema que primeiramente meta o scroll à altura do ecrã (mais ou menos) e que depois à medida que se vai andando para baixo vai aumentando o scroll. Isto para prevenir que o utilizador abra a página e veja um scroll enorme.. Alguém sabe fazer isto?
nelsonr Posted February 17, 2014 at 02:31 PM Report #545549 Posted February 17, 2014 at 02:31 PM Julgo que o que pretendes é o chamado infinite scroll ou endeless scroll. Ou seja, a página deteta quando o utilizador chega ao fim da página e automaticamente lê mais conteúdo Exemplo com jquery http://www.jquery4u.com/tutorials/jquery-infinite-scrolling-demos/
Santana Oliveira Posted February 17, 2014 at 02:33 PM Author Report #545550 Posted February 17, 2014 at 02:33 PM Julgo que o que pretendes é o chamado infinite scroll ou endeless scroll. Ou seja, a página deteta quando o utilizador chega ao fim da página e automaticamente lê mais conteúdo Exemplo com jquery http://www.jquery4u.com/tutorials/jquery-infinite-scrolling-demos/ Eu queria uma coisa mais simples de fazer, ainda sou novato nisto...
I-NOZex Posted February 17, 2014 at 03:32 PM Report #545565 Posted February 17, 2014 at 03:32 PM mais simples, so se for paginaçao http://www.tutorialspoint.com/php/mysql_paging_php.htm http://www.queryadmin.com/718/simple-pagination-php-mysql/ http://stackoverflow.com/a/3707457/1869192 1 Report B2R » Beat2Revolution v3.0b | Regista e divulga-nos beat2revolution.net
Santana Oliveira Posted February 18, 2014 at 09:32 PM Author Report #545723 Posted February 18, 2014 at 09:32 PM mais simples, so se for paginaçao http://www.tutorialspoint.com/php/mysql_paging_php.htm http://www.queryadmin.com/718/simple-pagination-php-mysql/ http://stackoverflow.com/a/3707457/1869192 Vou ter que ir por aí... Obrigado
taviroquai Posted February 18, 2014 at 10:24 PM Report #545740 Posted February 18, 2014 at 10:24 PM (edited) Uma solução que fiz á pata... <div id="items_list"> <!-- bla bla bla --> <div data-url="http://dominio.com/catalogo/pagina/2" class="load-more span10 clearfix"> <p>Load more...</p> </div> </div> <!-- infinite scroll --> <script src="https://raw.github.com/teamdf/jquery-visible/master/jquery.visible.min.js" type="text/javascript"></script> <script type=text/javascript> var loading = false; jQuery(function($) { $(window).scroll(function() { if ($('#items_list .load-more').length == 0) return; if (loading) return; var loader_visible = $('#items_list .load-more').visible(); if (loader_visible) { loading = true; var elem = $('#items_list .load-more')[0]; var url = $(elem).attr('data-url'); $.get(url, function(response) { $(elem).remove(); $('#items_list').append(response); loading = false; }); } }); }); </script> Edited February 18, 2014 at 10:26 PM by taviroquai
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now