51
votos
Aceito
Como estilizar a barra de rolagem?
Para navegadores webkit (Chrome, Safari, Opera 15+):
::-webkit-scrollbar { /* 1 */ }
::-webkit-scrollbar-button { /* 2 */ }
::-webkit-scrollbar-track { /* 3 */ }
::-webkit-...
- 7.496
13
votos
Scroll em div caso seja necessário
Tem como usar o css para mostrar as barras de rolagem.
#divContent{
overflow:auto;
}
Com isso sua div deve ter scroll sempre que precisar.
Existem varias opções para diversos casos.
Veja a ...
- 2.221
7
votos
Aceito
Página com Scroll Suave
Em seu CSS coloque o código
html {
scroll-behavior: smooth;
}
E não irá precisar do código Javascript.
- 518
5
votos
Aceito
Como fazer um scroll para o final de uma div?
Tente usar o scrollHeight, que é uma propriedade apenas leitura que dá a medida do conteúdo do elemento:
var div = $('#div')[0];
div.scrollTop = div.scrollHeight;
Fonte e Fiddle.
Usando apenas ...
- 2.585
5
votos
Como esconder o ScrollBar, mas sem desativá-lo
Existe um método muito simples, descobri no braço mesmo, simplesmente usando CSS, sem Js.
Coloque na sua folha de estilo:
/* Largura da barra de rolagem */
::-webkit-scrollbar {
width: 0px;
}
...
- 51
4
votos
Aceito
Como habilitar e desabilitar scroll automático em um chat?
Para fazer a troca do scroll automático, você pode fazer da seguinte forma:
$(document).ready(function(){
var msg = $("#msg");
$("#send_msg").click(function(){
if(msg.val().length &...
- 106mil
4
votos
Aceito
Limitar barra de rolagem de acordo com o tamanho da div
Sim é possível, existem maneiras diferentes, uma delas é usando JavaScript/jQuery para saber as dimensões e posição do elemento para poder sincronizar o scroll com esses valores.
Se usar .offset() ...
- 135mil
4
votos
Aceito
Rolagem suave link ancora
Basta alterar esse trecho do seu código:
$(this).click(function () {
if($(window).width() > 760){
$('html, body').animate({scrollTop: targetOffset}, 300);
return false;
}
});
...
- 19,2mil
4
votos
Apurar direção da rolagem num elemento
O código funciona bem e não vejo como otimizá-lo se o objetivo for detectar o sentido do rolamento a cada passo (ou seja, em todo evento scroll, que é disparado múltiplas vezes enquanto o conteúdo é ...
- 65,9mil
4
votos
Aceito
Existe alguma forma de uma div assumir o papel do scroll?
Podes usar o Range Input como uma scrollbar personalizada
Podes ler mais sobre isto em: JQuery Tools Rangeinput (fonte do código abaixo)
Exemplo no jsFiddle: http://jsfiddle.net/qw75wgeg
// get ...
- 7.496
4
votos
Aceito
Manipulando elementos com Scroll da página em JavaScript
@Ghabriel você pode começar escultando o evento scroll da janela.
window.addEventListener('scroll', function(ev){
});
E dentro do evento você pode verificar pelo valor da variavel scrollY e com base ...
4
votos
Aceito
Opacity de acordo com Scroll da página
Imagino que queira algo como isto:
O cálculo da opacidade equivale a:
opacidade = valorInicial * (1 - scrollTop / 100vh)
Sendo o 100vh representado pelo $(window).height().
Javascript:
$(...
- 10,1mil
4
votos
Aceito
Como colocar a scrollbar dentro do body?
Para navegadores webkit (Chrome, Safari, Opera 15+):
::-webkit-scrollbar { /* 1 */ }
::-webkit-scrollbar-button { /* 2 */ }
::-webkit-scrollbar-track { /* 3 */ }
...
- 787
4
votos
Aceito
Scroll bottom em evento click
Você pode fazer desta maneira
$("input").click(function(){
$("html, body").animate({ scrollTop: $(document).height() }, 500);
});
Fonte: stackoverflow em inglês
Veja:
$(function(){
$("...
4
votos
Aceito
Sombra interna do elemento pai sobre o filho
Bom. Você não passou nenhum código, então eu criei esse rápido exemplo. Vê se resolve a sua situação.
div {
width: 500px;
height: 100px;
overflow: scroll;
box-shadow: inset -30px -...
- 2.445
4
votos
Aceito
Botão que role a página para cima sem alcançar o topo
Você pode ir rolando a tela "de tantos em tantos" pixels, até chegar no topo:
$(document).ready(function() {
$(window).scroll(function() {
if ($(this).scrollTop() > 10) {
...
- 22,6mil
4
votos
Aceito
Como remover apenas a scrollbar horizontal da página?
Isso não remove o scroll, ele oculta, se for para remover o certo seria aplicar direto no elementos:
html, body {
overflow-x: hidden;
}
Aplicamos em ambos porque no Chrome e no Firefox geralmente ...
- 100mil
4
votos
Como capturar o evento de clique com o scroll do mouse?
Faz uma function com mouseup (quando libera um botão do mouse), que ao soltar qualquer botão do mouse ele captura o button que foi solto.
0: Botão principal pressionado, geralmente o botão esquerdo ...
- 612
3
votos
Como fazer um scroll para o final de uma div?
Você pode fazer assim:
$('#div').animate({scrollTop: $('#div')[0].scrollHeight}, 500);
Pen: http://codepen.io/raftelti/pen/EVxQXL
- 599
3
votos
Apurar direção da rolagem num elemento
Se não precisas de saber se está parado então podes optimizar removendo o ultimo else e deixar somente:
if (scrollAmt > lastScrollTop) {
// baixo
}
else if (scrollAmt < lastScrollTop) ...
- 135mil
3
votos
Mootools detectar movimento da página
Já consegui..
De qualquer forma fica aqui, pode alguem necessitar.
var posts;
window.addEvent('domready', function(){
posts = $$('.post');
})
window.addEvent('scroll', function(e){
var ...
- 151
3
votos
Como aplicar essa função de rolagem?
Sua pergunta está muito ampla mas creio que seja isso...
$('#search').click(function () {
var el = $('#' + $('#param').val() );
if(el != "undefined") {
$('html, body').animate({
...
- 6.338
3
votos
UIScrollView rolando quando exibe o teclado - Swift
Eu resolvo esse problema utilizando IQKeyboardManager Muito tranquilo de utilizar e você não terá esses problemas.
- 173
3
votos
Alterar posicionamento da barra de rolagem em uma div
Vc pode usar flex-direction: row-reverse; para indicar que a ordem dos elementos vai começar de traz para frente, dessa forma o scroll vai para o final do container. Ai basta vc reordenar as div para ...
- 66,5mil
3
votos
Aceito
Navegação horizontal (fullpage) com CSS
Cara basta vc trocar o margin-top por margin-left e trocar a medida de VH por VW, pois agora o movimento é de acordo com a largura da tela e não altura... E tb precisa colocar display:flex na div ....
- 66,5mil
3
votos
Aceito
Scroll a partir de certo ponto com jquery
Cara se eu entendi nem precisa de jQuery para isso, uma técnica que vc pode fazer é usar flex com column-reverse para fazer o scroll começar de baixo para cima e usar max-heigth: 400px com overflow-Y: ...
- 66,5mil
3
votos
Aceito
Esconder scroll de um iframe
Cara vc já tem uma div por fora do iframe use ele para fazer um "crop box". Tipo deixe ela ligeiramente menor que o iframe que está dentro apenas o suficiente para "cortar" a barra de rolagem...
OBS: ...
- 66,5mil
3
votos
Aceito
Como pegar o tamanho real do scroll?
Transformei o comentário em resposta, dessa maneira posso postar um exemplo.
Como scrollTop marca a posição do topo do viewport, nunca chegará a 100%.
Para que seu cálculo funcione basta ajustar o ...
- 9.241
Only top scored, non community-wiki answers of a minimum length are eligible
Tags relacionadas
rolamento × 188javascript × 80
jquery × 68
css × 52
html × 43
div × 12
android × 10
php × 9
ajax × 7
css3 × 7
html5 × 5
table × 5
menu × 5
jquery-animate × 5
wordpress × 4
listview × 4
javascript-eventos × 4
iframe × 4
java × 3
react × 3
mobile × 3
bootstrap × 3
modal × 3
google-chrome × 3
nav-bar × 3