Perguntas com a tag [rolamento]

Tag utilizada em assuntos envolvendo rolagem(scroll) de conteúdo de uma página web.

Filtrar por
Ordenado por
Com tags
-3 votos
0 respostas
40 visitas

Adicionar uma folga no último elemento de um scroll [fechada]

Boa tarde! Estou querendo adicionar uma folga/margin na parte de scroll, pois o último elemento está muito colado ao ponto de ser cortado (é uma lista de tarefas, então sempre será adicionado novos &...
0 votos
1 resposta
382 visitas

Scroll para a próxima section

Meu código está escrito da seguinte forma: <body> <div id="arrow"> <a class="next"></a> <a class="previous"></a> </div> <...
0 votos
3 respostas
552 visitas

Efeitos em conjunto com scroll suave

Gostaria de colocar outros efeitos na sequência do scroll. Abaixo segue o código que estou utilizando e que apenas faz o scroll. Como posso utiizar mais efeitos dentro desse código. Bounce por exemplo....
2 votos
2 respostas
274 visitas

Elemento Scroll da classe DataGrid WPF C#

Tenho uma função que cria um grid,e precisava saber o valor do scroll desse grid, para poder disparar um evento quando chegasse no fim da página. Mas não sei como conseguir esses valor, a função está ...
-2 votos
2 respostas
465 visitas

Substituir imagem (logo no canto superior esquerdo da página) por uma segunda logo (editada) Rolar a página (Scroll)

Boa tarde! Estou precisando que, ao rolar a página do meu site pela barra de rolagem ou scroll do mouse, a logotipo seja substituida. Minha logo está inserida na página por meio de uma classe no ...
-3 votos
2 respostas
74 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: ...
3 votos
2 respostas
238 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 ...
-2 votos
1 resposta
68 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
270 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
138 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]="...
-1 votos
2 respostas
135 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
2 respostas
474 visitas

Scroll do tamanho da window [duplicada]

Olá. Bom, sou novo na comunidade então me desculpem se algo que eu escrever não ficar muito claro. Gostaria de saber como eu faço para dar um scroll do tamanho da tela do navegador, quero dividir o ...
-2 votos
1 resposta
120 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
167 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 ...
2 votos
1 resposta
550 visitas

Timeline horizontal enquanto desce a pagina

(function($){ $(function(){ // Slider functionality // slide knob to position function (function( $ ){ $.fn.slideToPos = function() { var left = $(...
26 votos
1 resposta
77mil visitas

Como estilizar a barra de rolagem?

Boas, Tenho perdido algum tempo à procura de soluções para isto mas não encontro, tenho uma scrollbar e gostava de diminuir o seu tamanho. Alguém me pode indicar algum site ou me dizer o que é ...
0 votos
1 resposta
2mil 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
482 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
86 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 ...
1 voto
1 resposta
309 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 ...
0 votos
1 resposta
544 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
190 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(); ==> ...
0 votos
3 respostas
3mil visitas

Como mudar logo ao rolar scroll no navbar

Oi gente vejam se podem me ajudar, preciso de uma função usando jquery ou um método mais simples, que mude meu logo ao rolar o scroll do mouse, no momento, eu tenho a seguinte função, que apenas ...
0 votos
2 respostas
7mil visitas

Fazer o scroll rolar para o final da página automaticamente

estou desenvolvendo uma aplicação onde o usuário faz uma pergunta e o servidor entrega uma resposta, estou com o problema em fazer com que a barra de rolagem vá acompanhando a conversa, até o momento ...
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 ...
4 votos
4 respostas
20mil visitas

Como esconder o ScrollBar, mas sem desativá-lo

Gostaria de saber se tem como desativar o ScrollBar sem desativá-lo, ou seja, esconder o ScrollBar mas deixar ele funcionando normalmente, como se ele tivesse a mostra.
0 votos
1 resposta
235 visitas

Como fazer com que o "$(window).scroll" execute apenas uma vez?

Quando realizo o scroll, a função executa normalmente, mas fica repetindo toda vez que continuo com o scroll do mouse. Gostaria de saber como fazê-la executar somente uma vez. Estou fazendo assim: $(...
0 votos
2 respostas
638 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
98 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 ...
1 voto
1 resposta
5mil visitas

Scroll (Rolar Tela) com Selenium em Python: Erro

Possuo uma lista de itens na tela, nos quais preciso clicar um a um para parse de dados. Ocorre que, em determinado momento, o Selenium não consegue mais clicar, pois quando tenta, o seguinte erro ...
2 votos
1 resposta
892 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
83 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
3mil 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 { ...
7 votos
2 respostas
61 visitas

Apurar direção da rolagem num elemento

O código em baixo visa detetar a direção da rolagem num elemento especifico: var control = 0, lastScrollTop = 0, element = document.getElementById('idDoElemento'); element.onscroll = ...
-1 votos
1 resposta
1mil 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 ...
0 votos
1 resposta
59 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....
1 voto
1 resposta
1mil 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
99 visitas

scroll roda e para na div que esta abaixo [fechada]

Estou desenvolvendo um website e estou com um problema. Eu quero criar o site apresentado alguns produtos, e quero que ao rolar o scroll, o site roda a um tamanho determinado parando na posição que eu ...
2 votos
1 resposta
494 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
7mil 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
220 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
170 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("...
67 votos
3 respostas
7mil visitas

Quais são as técnicas para se fazer animações baseadas em scroll?

Estou interessado em criar sites com animação comandada pelo scroll (ex.: Kano), onde os conteúdos vão sendo animados e substituídos conforme o rolamento da página. Quais são as técnicas para ...
-1 votos
2 respostas
1mil 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
474 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 ...
4 votos
1 resposta
217 visitas

Como implementar um mansory grid e Infinite scroll juntos?

Estou desenvolvendo um site estilo Pinterest mas não estou conseguindo juntar essas duas funcionalidades. Pra fazer o infinite scroll, usei o jQuery com AJAX pra puxar os posts do database e apendê-...
1 voto
1 resposta
503 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 ...
2 votos
1 resposta
2mil visitas

menu fixo com jquery em determinada rolagem (scroll) da página

Estou tentando deixar este menu fixo https://jsfiddle.net/40ouwkcw/ a partir de determinada rolagem da página, neste caso, após a imagem inicial. Encontrei vários tutoriais no google, mas nenhum ...
0 votos
0 respostas
52 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 ...