Pesquisar por cursos... Pesquisando por Sem resultados para Ver todos os cursos com

Fórum

arrow_back

Funcionalidade BackToTheTop em Mobile.

Leandro Tavares dos Santos

23/04/2021 17:03:16

Estou com dificuldades em criar uma funcionalidade a um ícone, no final(vertical) de um formulário em mobile, onde ao clicar o foco da tela vá ao topo do formulário(BackToTheTop).
Alguém tem alguma ideia?
Obrigado!

Maristella Gmail

26/04/2021 15:13:04

Como ainda não existe essa função nos blocos do Cronapp, podemos criar uma nova função customizada, siga os passos abaixo:

  1. Clique no Modo Avançado
  2. Clique no Atalho Ir para Blocos Mobile    
  3. Crie um novo arquivo do tipo JavaScript
  4. Selecione a opção Nova função cliente
  5. Crie um novo arquivo e nomeie sua função: 


6. Ajuste o código da função. Ela deve ficar assim:


(function() {

'use strict';


this.cronapi = this.cronapi || {};


/**

   * @categoryName Minhas Funções

   */

this.cronapi.myfunctions = this.cronapi.myfunctions || {};

/**

   * @type function

   * @name Ir para o topo

   * @description Vai para o topo da página

   * @multilayer false

    */

this.cronapi.myfunctions.ScrollTop = function() {

angular.element($('.scroll')).scope().scrollCtrl.scrollTo(0,0)


};


}).bind(window)();



 

7. Salve, Recompile e reabra o projeto. Note que agora existe uma nova categoria ‘Minhas Funções’, com a sua função. 

8. Crie um bloco de programação Mobile para chamar no botão. Associe esse bloco ao evento de clicar da página.