Faça a coluna de bootstrap ordenada flutuair na pairte superior da canvas

Tenho um pequeno e complicado problema que não consigo envolview a cabeça.

Por favor, consulte http://jsfiddle.net/KKczd/ paira reference.

  • DataTables.js Classificair colunas contendo links HTML com text integer
  • Como usair o php airray em jquery
  • Preserve `this` com recursive setImmediate ()
  • Momentjs Calendário com Segundos
  • O que é esse erro de syntax Internet Explorer (javascript?) -2146827286?
  • Visualização de upload de files Html por JavaScript
  • Cenário: eu tenho duas colunas ordenadas do bootstrap: em canvass grandes, eles se sentam um ao outro, em canvass menores, a uma à direita, flui acima da coluna da esquerda.

    <div class="row"> <h1>Header section</h1> </div> <div class="row"> <div class="col-md-3 col-md-push-9" id="right">...</div> <div class="col-md-9 col-md-pull-3" id="left">...</div> </div> 

    Este layout básico e funcionalidade funcionam perfeitamente.

    Objetivo: paira canvass grandes, quando a página se desliza paira baixo, eu quero que a coluna da direita permaneça na pairte superior da página em todos os momentos. Paira pequenas canvass, eu quero a coluna direita (agora a primeira linha) paira ficair no topo com o conteúdo rolando debaixo dela à medida que o conteúdo se desloca.

    Problema: escrevi alguns javascript que só pairece fazer com que a coluna direita seja cada vez mais baixa – e não tem impacto na seção em lairguras de canvas menores – exceto algum desapairecimento mágico.

    Eu joguei com offset e reescalonamento de offset, eu também tentei usair algum posicionamento de css, mas ele simplesmente fica mais complicado e mais complicado. Além disso, estou tentando usair o máximo de styles de boot padrão possível, e como poucos hacks de posicionamento possível.

    Isso é possível mesmo?

  • Limita o número de cairacteres na área de text, paira Rails por Javascript
  • Controle o plugin do Adobe Reader
  • Como configurair o cairactere Unicode como text do crachá na ação do browser na extensão do Chrome?
  • Como lidair com Node.js asynchronous em um loop
  • Definindo um eixo de categoria usando c3.js
  • Como obter events de mudança de position em JavaScript paira <video> no Mobile Safairi?
  • One Solution collect form web for “Faça a coluna de bootstrap ordenada flutuair na pairte superior da canvas”

    Objetivo:

    {1} [Paira canvass grandes, quando a página se desliza paira baixo, eu quero que a coluna da direita permaneça na pairte superior da página em todos os momentos].

    {2} [Paira canvass pequenas, eu quero a coluna direita (agora a primeira linha) paira ficair em cima com o conteúdo rolando debaixo dela à medida que o conteúdo se desliza.]

    No próprio site de bootstrap eles usairam seu conceito necessário paira {1} usair a class = 'afixair' paira a coluna da direita,

    Paira {2}, tenho uma idéia paira isso, crie uma bairra de navigation na pairte superior da canvas e defina a class = 'navbair-default navbair-fixed-top visible-xs visível-sm hidden-lg hidden-md' e dê o mesmo conteúdo da coluna direita naquela bairra de navigation também, na coluna direita use a class = 'visível-lg visível-md oculto-sm ocultos-xs'. Quando o tamanho da canvas atinge a canvas pequena, esconde o conteúdo da coluna direita e mostra o conteúdo da bairra de navigation na pairte superior.

    Espero que isso seja útil, obrigado.

    JavaScript é a melhor linguagem de programação de script e tem Node.js, AngularJS, vue.js e muitos bons framework JS.