Perguntas com a tag [rolamento]
Tag utilizada em assuntos envolvendo rolagem(scroll) de conteúdo de uma página web.
188
perguntas
-3
votos
2
respostas
59
visitas
Scroll no topo de uma DIV
#map{
background-color: black;
box-sizing: border-box;
height:300px;
width: 300px;
overflow: scroll; /* adicionado para permitir a rolagem */
position: relative;
direction: ...
-2
votos
1
resposta
52
visitas
como fazer pra que o sempre mostre o ultimo elemento adicionado em uma div usando JS? [fechada]
estou criando um mini chatbox e quando a div das conversas está cheia os ultimos elementos adicionados fica escondidos e precisa dar scroll manualmente. Preciso que quando adicionar o ultimo item de ...
-2
votos
1
resposta
167
visitas
Ao clicar no input, deslizar a tela para cima no react JS
Olá gostaria de ajudar para quando eu clicar no input ele detect o teclado e deslizar a tela para cima deixando o input no topo da minha tela. Eu sei que no React Native tem essa seguinte biblioteca ...
-2
votos
1
resposta
95
visitas
Tabela angular material sem scroll
Estou fazendo uma tabela com angular material, porém quando eu carrego os itens da tabela não aparece um scroll pra eu descer a tela.
Meu HTML está assim:
<table mat-table [dataSource]="...
0
votos
0
respostas
78
visitas
Pagina não abre no topo - Reacr router dom
Pessoal estou com um problema ao utilizar o react-router-dom 6.
O meu arquivo de rotas é este:
import React from 'react';
import { BrowserRouter, Routes, Route } from 'react-router-dom';
import './...
-1
votos
2
respostas
109
visitas
Botão stick somente aparece ao passar do botão principal adicionar ao carrinho
Preciso fazer uma modificação de um codigo que já está pronto, estou com uma loja na shopify no tema warehouse e quero que o botão stick somente apareça no mobile quando rolar a página e sumir de ...
-2
votos
1
resposta
99
visitas
Por o meu JPanel não aparece o Scroll [fechada]
Estou desenvolvendo um programa onde eu tenho um JPanel dentro de outro JPanel, ao qual eu chamei de panel2. Eu adicione o Scroll e setei a viewport para este segundo o panel2. Contudo, conforme eu ...
0
votos
1
resposta
101
visitas
Colocar ScrollView Horizontal quando as views lado a lado atingirem o height
Boa tarde, estou usando react native, e estou criando uma view aonde fica um elemento do lado do outro, com três fileiras uma abaixo da outra, e queria colocar o scrollview horizontal para quando as ...
0
votos
1
resposta
1mil
visitas
Como adicionar um Scrollbar para um Frame em tkinter?
Eu tenho uma tabela, criada em um Frame, que pode ficar muito grande e ultrapassar o tamanho do monitor do usuário. Por isso, eu preciso criar um Scrollbar para ele. Para fins de demonstração, vamos ...
-1
votos
2
respostas
339
visitas
Como desabilitar o scroll da página ao passar por cima de algum elemento utilizando Javascript e(ou) Css puros, e sem que esconda a barra de rolagem
Tendo um exemplo de um slide que funciona com o scroll do mouse, porém ele é horizontal. O problema é que o scroll vertical da página conflita com o scroll horizontal do slide. Como eu poderia ...
-2
votos
1
resposta
65
visitas
scroll do site desce para regiao do mapa - google maps
Fala galera, ainda tenho pouca experiência e estou com um probleminha bem chato.
quando crio uma página com um mapa, ao acessar esta página, o scroll vai para o local onde está o mapa.
eu descobri (na ...
0
votos
1
resposta
417
visitas
Scroll (barra de rolagem) com o mesmo visual em vários navegadores
Tenho a barra de rolagem neste estilo no navegador google Chrome, mas no mozila e na internet explore o visual acaba não pegando.
É possível montar a barra de rolagem sem uso de plugin para esses dois ...
-1
votos
1
resposta
165
visitas
Manter o Scroll na [ultima posição depois de uma requisição AJAX?
Eu estou tendo dificuldades em realizar uma atividade que é manter o scroll na ÚLTIMA posição antes da requisição AJAX.
//antes da requisição
var scrollPosition = $('.cart').scrollTop();
==> ...
3
votos
1
resposta
1mil
visitas
Como capturar o evento de clique com o scroll do mouse?
Minha dúvida é 'simples', mas não encontro resposta 'definitiva' em lugar nenhum:
É possível capturar especificamente o clique do scroll do mouse com JS?
Existe a função .click(), que eu utilizo ...
0
votos
2
respostas
551
visitas
Impedir rolagem da tela ao abrir modal no ReactJS
Olá, estou criando um site onde uma das páginas possui uma lista com vários itens clicáveis (como uma ‘vitrine’ de lojas online), ao serem clicados abrirá um modal que ficará na frente de todo ...
-3
votos
1
resposta
59
visitas
Como impedir a rolagem de um determinado elemento?
Tenho uma lista com vários itens, sendo o primeiro elemento uma <div>. Eu quero que essa <div> fique sempre na mesma posição (visível na parte de cima), independentemente da barra de ...
2
votos
1
resposta
708
visitas
Ao entrar no full screen em iframe faz a página rolar para cima
Eu estou criando uma página que será utilizada como um iframe em outras aplicações, para testar como ela se comportava em diferentes tamanhos, criei uma página e adicionei diversos iframes para a ...
0
votos
0
respostas
73
visitas
Porque a página em Flutter não está começando no início por padrão?
O scrollable da página está começando em um lugar abaixo do início, não no meio, nem no final, eu pensei inicialmente que era por causa de eu estar usando uma ListView dentro de um Container, sem ...
1
voto
2
respostas
1mil
visitas
Como remover apenas a scrollbar horizontal da página?
Estou criando uma aplicação em Electron e preciso remover da página a scrollbar horizontal. Eu tentei utilizar o código CSS abaixo, porém ele remove também o scrollbar vertical.
::-webkit-scrollbar {
...
-1
votos
1
resposta
837
visitas
Como tiro esse Scroll da tela e deixo responsiva?
Pessoal como faço para tirar esse Scroll que aparece quando abro essa página em telas menores?
Gostaria de deixá-la responsiva tbem e com o card de login no meio da página com margin top e bottom ...
3
votos
2
respostas
181
visitas
scroll-snap no css não está funcionando corretamente
Estou criando uma página em html e estou tendo o seguinte problema:
Precisei utilizar o método scroll-snap do css para 'travar' uma div a cada rolagem do mouse. Esse 'snap' está funcionando com um ...
0
votos
1
resposta
50
visitas
Retirar a scroll bar ou desabilitar
Gostaria de saber por qual motivo a scroll bar ainda aparece enquanto o <nav ul> está aparecendo, e por que ela não fica fixa apesar do conteúdo da página?
const menuBtn = document....
2
votos
1
resposta
434
visitas
Efeito âncora em um componente carregado dinamicamente no Angular
Olá. Utilizo a versão 8.1.3 do Angular no meu projeto e estou tendo uns problemas para criar um efeito de âncora no card de produto que é carregado dinamicamente na tela. Tentei utilizando o velho ...
0
votos
1
resposta
6mil
visitas
Mudar a cor da barra de rolagem com menu vertical [duplicada]
Bom dia. Tenho um menu vertical que é maior que a página e portanto aparecerá com scroll de rolagem. Não estou conseguindo alterar o estilho do scroll como cores e espessura. Já tentei de tudo, mas ...
0
votos
1
resposta
201
visitas
ScrollView não rola a tela em modo Landscape
Olá,
O ScrollView não rola a tela em modo Landscape. Em modo Portrait funciona normalmente.
Já fiz o xml com e sem o android:scrollbars="vertical".
segue o código xml:
<ScrollView
...
0
votos
1
resposta
159
visitas
O que há de errado no meu código JavaScript de scroll da tag body? [fechada]
Olhem meu código pessoal, meu scroll está na tag body, mas ele não funciona, já fiz de tudo e nada o scroll meu ta na < body > e mesmo assim não funciona, o que há de errado ?
$(document.body).on("...
-1
votos
2
respostas
886
visitas
Resolução do site criado em HTML+CSS ultrapassa o 100% da tela
Olá, estou aprendendo realmente a trabalhar com HTML, CSS e JS e estou enfrentando um problema de resolução. Pelo menos acho que tem a ver com resolução.
O site criou uma barra de de scroll ...
0
votos
1
resposta
425
visitas
Como deixar scroll de uma div como scroll principal?
Eu fiz uma página em bootstrap e também um scroll suave, mas este scroll não é da página e sim de uma div.
A scroll principal da página eu tirei, e a página em si está dentro dessa div.
Existe ...
-1
votos
1
resposta
4mil
visitas
Como pegar o tamanho real do scroll?
Estou querendo adquirir a porcentagem que meu scroll está, para manipular css. Porém tenho essas duas variaveis:
document.documentElement.scrollTop;
document.documentElement.scrollHeight;
A primeira ...
1
voto
1
resposta
866
visitas
Esconder scroll de um iframe
Tenho um elemento iframe no meu site porém ele ta mostrando o scroll vertical. Como posso esconder ele?
Código de exemplo:
<html>
<style>
.container {
width: 300px;
overflow: hidden;
...
1
voto
1
resposta
430
visitas
Transição de menu lateral com easing
Olá! Eu quero colocar um efeito "easing" pra deixar mais "suave" a transição do menu lateral que recolhe/expande no meu site pois quando clico no botão pra recolher ele apenas recolhe em milésimos de ...
0
votos
0
respostas
51
visitas
Como fazer que o scroll "pule" para uma div ou link interno em jQuery (Ou JS puro)? [duplicada]
Exemplo: https://alvarotrigo.com/fullPage/ e https://www.casacomseara.com.br/, conforme você usa o scroll do mouse para cima ou para baixo, você vai "saltando" entre os conteúdos ou divs.
É isso que ...
2
votos
1
resposta
104
visitas
Scroll a partir de certo ponto com jquery
Boa noite...Eu tenho uma div que é a janela de um chat com as seguintes configurações:
<div class="container" id="chat-rbox">
<div class="row">
<div class="Area chatlist bg-...
0
votos
1
resposta
45
visitas
Como fazer funcionar jquery click com Scroll infinito?
Tenho a pagina inicial com uma lista de coisas:
<table id="table" class="tabela" >
<thead>
<tr>
<th class="check">V</th>
<th class=...
3
votos
2
respostas
5mil
visitas
Página com Scroll Suave [duplicada]
Estou linkando as páginas para fazer um scroll suave entre os links internos mas não está dando certo.
Javascript
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js">...
1
voto
1
resposta
130
visitas
Navegação horizontal (fullpage) com CSS
Queria a ajuda para saber se dá pra fazer uma navegação de site fullpage usando apenas CSS com a idéia que tenho na cabeça. Eu vi uma vídeo aula onde utilizando inputs do tipo radio e labels para ...
2
votos
2
respostas
537
visitas
Como faço minha table com scroll infinito?
Tenho a seguinte situação: quero que ao chegar ao fim da table faça uma requisição Ajax e retorne mais 10 linhas na minha table. Por exemplo:
<!DOCTYPE html>
<html>
<head>
<...
-1
votos
2
respostas
357
visitas
Como criar evento entre transição de sessões?
Possuo um elemento <a> em meu .html, onde eu necessito que quando houvesse o evento de onclick no mesmo, ocorreria o efeito de transição de sessão, ou seja:
Com o evento onclick no elemento &...
1
voto
1
resposta
1mil
visitas
barra de rolagem altera ajuste de conteúdo
Olá, pessoal!
Quero que a barra de rolagem da minha div só apareça quando o hover for ativado e até ai tudo bem. O problema é que quando o a barra de rolagem aparece, o conteúdo da div é jogado pra o ...
0
votos
2
respostas
230
visitas
Gostaria de saber se existe alguma forma no CSS pra identificar a rolagem do scroll
Tenho uma pagina onde o cabeçalho fica no top:0 position: absolute, porem queria que ela mudasse para position: fixed, caso o usuário role o scroll pra cima.
Exemplo: no topo da pagina o menu vai ...
-1
votos
1
resposta
90
visitas
Onload arquivo .txt [fechada]
Tarde galera.
Preciso carregar o conteúdo de um arquivo .txt para uma pagina WEB, sendo que preciso ter controle sobre o scroll, preciso manter ele sempre no final da pagina, e uma atualização ...
2
votos
2
respostas
2mil
visitas
Tabelas com scroll vertical e horizontal
Montei uma tabela com scroll horizontal e vertical a partir deste original http://jsfiddle.net/k5k7vtwu/:
document.querySelector('.ux-data-table').onscroll = function (e) {
// called when the ...
1
voto
1
resposta
292
visitas
Como fazer scroll automatico para uma distancia do top sem ancoragem Wordpress
Bom já pesquisei bastante, vi diversos tutorias de como fazer um scroll via ancoragem, porem eu busco um scroll para todas as paginas inclusive a inicial, busquei alguns plugins no Wordpress como por ...
-1
votos
2
respostas
404
visitas
Executar função JavaScript ao recarregar a página
Tenho 2 botões que coloquei no menu, e quando rola o scroll aparece 1 e some o outro porque o menu muda de cor (estou mandando as imagens para melhor visualização).
Até aí tudo bem. Está fazendo do ...
0
votos
2
respostas
485
visitas
Como mostrar uma div com scrollTop após determinados pixels?
Tenho uma div (fixed) que aparece quando a página é rolada para baixo e volta a aparecer quando a página é rolada para cima.
Eu preciso que ela só desapareça (quando rolar para baixo) a partir de 45px ...
0
votos
1
resposta
2mil
visitas
Fixar navbar e dar scroll horizontal no conteúdo
Estou tentando fazer um mapa com com uma navbar conforme imagem:
Só que ao mover a imagem no eixo X para ver o restante do conteúdo, a navbar move também conforme a imagem
Como faço para habilitar o ...
0
votos
0
respostas
236
visitas
Como faço para o scroll infinito nao carregar os mesmo valores novamente?
Tenho o seguinte código:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js" type="text/javascript"></script>
<script>
$(document).ready(...
1
voto
1
resposta
2mil
visitas
Menu com rolagem horizontal estilo touch screen (clicar e arrastar) em PCs
Utilizando como base o menu abaixo, é possível torná-lo deslizante como em celulares (sem ser necessário utilizar a barra de rolagem, apenas com clicar e arrastar)?
ul.marcadores {white-space:...
2
votos
3
respostas
1mil
visitas
Alterar posicionamento da barra de rolagem em uma div
Por padrão, em um menu horizontal o conteúdo é lido da esquerda para a direita, como nesta imagem:
Entretanto, gostaria que quando o conteúdo fosse carregado, a barra de rolagem fosse, digamos, ...
2
votos
2
respostas
613
visitas
Botão que role a página para cima sem alcançar o topo
Tenho um código que rola a página ao topo, mas não quero que ele alcance o scrollTop = 0. É possível que ao clicar no botão, ele apenas suba um pouco a página para cima, como se eu tivesse teclado a ...