Inclusão da função do botão para a direita no mobile

Grupo Tv1
1 parent 60fc51a0
Showing 2 changed files with 14 additions and 1 deletions Show diff stats
recipes/default/assets/barra-functions.coffee
recipes/default/assets/conteudo-barra_i18n.html
@@ -25,4 +25,17 @@ hoverInOutLinksExternos = (objeto) -&gt;
   while i < arrayLinks.length
     arrayLinks[i].classList.toggle('link-discreto')
     i++
+  return
+
+scrollBarra = ->
+  scrollAmount = 0;
+  element  = document.getElementById('menu-barra-brasil')
+  slideTimer = setInterval () ->
+      element.scrollLeft += 20
+      scrollAmount += 20
+      if scrollAmount >= 100
+        window.clearInterval(slideTimer)
+  , 100
+  console.log element.scrollLeft
+  console.log element.scrollRight
   return
 \ No newline at end of file
@@ -19,7 +19,7 @@
             </li>
           </ul>
         </nav>
-        <a href="#" id="botao-seta-direita" class="botao-seta-direita"><i class="arrow right">Navegar para direita</i></a>
+        <a href="javascript:scrollBarra();" id="botao-seta-direita" class="botao-seta-direita"><i class="arrow right">Navegar para direita</i></a>
       </div>
       <div class="orgaos-governo-barra" id="orgaos-governo-barra">
         <div>
...	...	@@ -25,4 +25,17 @@ hoverInOutLinksExternos = (objeto) ->
25	25	while i < arrayLinks.length
26	26	arrayLinks[i].classList.toggle('link-discreto')
27	27	i++
	28	+ return
	29	+
	30	+scrollBarra = ->
	31	+ scrollAmount = 0;
	32	+ element = document.getElementById('menu-barra-brasil')
	33	+ slideTimer = setInterval () ->
	34	+ element.scrollLeft += 20
	35	+ scrollAmount += 20
	36	+ if scrollAmount >= 100
	37	+ window.clearInterval(slideTimer)
	38	+ , 100
	39	+ console.log element.scrollLeft
	40	+ console.log element.scrollRight
28	41	return
29	42	\ No newline at end of file
...	...
...	...	@@ -19,7 +19,7 @@
19	19	</li>
20	20	</ul>
21	21	</nav>
22		- <a href="#" id="botao-seta-direita" class="botao-seta-direita"><i class="arrow right">Navegar para direita</i></a>
	22	+ <a href="javascript:scrollBarra();" id="botao-seta-direita" class="botao-seta-direita"><i class="arrow right">Navegar para direita</i></a>
23	23	</div>
24	24	<div class="orgaos-governo-barra" id="orgaos-governo-barra">
25	25	<div>
...	...