4

Estou desenvolvendo uma barra de rolagem em JQuery para um elemento, uma div, preciso que a barra fique do tamanho certo pra fazer a rolagem, estou postando o código com o erro para ver se vocês me ajudam:

CodePen

Fica a barra de um tamanho não responsivo, tentei usar $( window ).width() na medição mas não deu certo.

6
  • Qual é o tamanho certo? É o tamanho da janela? Você não define o tamanho da barra de scroll, você define o tamanho da div onde está a de scroll
    – Miguel
    30/05/2016 às 14:15
  • a barra tem q ser proporcional do conteúdo e do tamanho da div, se o conteudo for maior ela é menor e se o conteudo for menor ela é maior...igual a barra padrão do navegador...
    – Alan PS
    30/05/2016 às 14:16
  • Humm, não percebi bem. Tem algum exemplo que esteja a seguir?
    – Miguel
    30/05/2016 às 14:18
  • o que está no codepen
    – Alan PS
    30/05/2016 às 14:54
  • Cara, você pode explicar melhor a pergunta, o que exatamente é proporcional. E ela não estão proporcional ou não está responsiva??
    – pmargreff
    2/06/2016 às 0:02

1 Resposta 1

1
+250

seria isso? http://codepen.io/goblinbr/pen/dXPLoW

function barra() {
    var larguraVisivel = $(".conteudo").width();
    var larguraTotal = $(".conteudo2").width();

    var perc = larguraVisivel / larguraTotal;
    var tamanho = larguraVisivel * perc;

    var left = $(".conteudo").scrollLeft() * perc;
    $(".barra1").css('margin-left', left);
    $( ".barra1" ).width(tamanho);
}

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .