Jump to content
Fórum Script Brasil
  • 0

Scrollbar para Layout Líquido


Orim

Question

Bom dia Pessoal!

Estou desenvolvendo um site com layout líquido, tudo ia muito bem até chegar em uma caixa de texto que vai além dos 768px do layout.

Para resolver isso estou pensando em desenvolver uma scrollbar que se adapte ao tamanho do browser assim como todo o site, utilizando uma mascara que faça o serviço liquido. O problema é que a caixa de texto que é maior que o tamanho pré-definido de 768px empurra o layout para cima. Alguém tem uma solição para me ajudar.

Obrigado.

Segue imagem do fato.

10.11.57.png

Link to comment
Share on other sites

1 answer to this question

Recommended Posts

  • 0

Usando um scrollbar personalizado com um range entre 0 e 100 por exemplo.

Usando num TextField:

textfield.scrollV = Math.round( textfield.maxScrollV * ( scrollbar.value / 100 ) );
Se usar o UIScrollBar segue um exemplo em AS3
import flash.net.URLLoader; 
import fl.controls.UIScrollBar; 
import flash.events.Event; 

var myTxt:TextField = new TextField(); 
myTxt.border = true; 
myTxt.width = 200; 
myTxt.height = 16; 
myTxt.x = 200; 
myTxt.y = 150; 

var mySb:UIScrollBar = new UIScrollBar(); 
mySb.direction = "horizontal"; 

mySb.setSize(myTxt.width, myTxt.height);  
mySb.move(myTxt.x, myTxt.height + myTxt.y); 

addChild(myTxt); 
addChild(mySb); 

var loader:URLLoader = new URLLoader(); 
var request:URLRequest = new URLRequest("http://www.helpexamples.com/flash/lorem.txt"); 
loader.load(request); 
loader.addEventListener(Event.COMPLETE, loadcomplete); 

function loadcomplete(event:Event) { 
    myTxt.text = loader.data; 
    mySb.scrollTarget = myTxt; 
}

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.



  • Forum Statistics

    • Total Topics
      152.2k
    • Total Posts
      652.1k
×
×
  • Create New...