Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

jeovan_toledo

janelinha poup

Por , em Javascript

Recommended Posts

jeovan_toledo    0

jeovan_toledo
Postado

Janela poup

 

No site do carrefour: www.carrefour.com.br, você clica no botão: clique aqui para ver o regulamento, logo abaixo de uns balões, ai abre uma janela pop up, com uma barra de rolagem só na lateral, tentei fazer mas não consegui, alguém saberia explicar com exemplos ou códigos...

 

Jean

Compartilhar este post

Link para o post
Compartilhar em outros sites

_ nEoN _    0

_ nEoN _
Postado

na HTML que vai abrir na POP-UP você coloca o CSS abaixo.

 

<style>body {overflow:auto;margin:0;padding:0;}#over {width:100%;height:100%;overflow:auto;}</style>

e joga todo o conteudo da POP-UP dentro e uma DIV

 

<?xml version="1.0" encoding="iso-8859-1"?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><title>Documento sem título</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><style>body {overflow:auto;margin:0;padding:0;}#over {width:100%;height:100%;overflow:auto;}</style></head><body><div id="over">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean nulla. Suspendisse imperdiet lobortis augue. Aliquam gravida enim ac lorem. Curabitur quis dui id mi molestie facilisis. Nunc convallis sagittis mauris. In ultricies aliquam lorem. Morbi auctor, turpis quis rhoncus sodales, eros risus mattis justo, a facilisis orci magna eu mauris. Pellentesque malesuada. Duis tellus. Morbi massa. Proin quis ipsum sed metus posuere scelerisque. Praesent bibendum nulla non neque. Donec porta tortor ac odio.<br /><br />Mauris ornare, mi id scelerisque suscipit, metus leo egestas est, in tempus ligula orci in nisl. Nulla tristique justo eu turpis. Quisque ornare, massa nec vehicula tristique, eros lorem sollicitudin tortor, quis posuere nunc nibh sed lorem. Vestibulum nulla. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut nisl. Cras vulputate molestie justo. Cras quis felis. Curabitur urna. Aliquam erat volutpat. Aenean vulputate auctor pede. Maecenas lorem erat, cursus lacinia, gravida non, pharetra et, libero. Aenean arcu risus, laoreet ut, sollicitudin non, viverra sit amet, wisi. Nullam malesuada. Suspendisse potenti. Duis lacinia nibh non metus. Maecenas luctus. Vestibulum tincidunt ornare sem. Suspendisse potenti.<br /><br />Vivamus orci enim, tempor vitae, mollis at, rhoncus vitae, elit. Sed mattis, purus a vehicula aliquet, elit nunc volutpat magna, quis ornare erat nunc nec diam. In hac habitasse platea dictumst. Phasellus pulvinar. Quisque convallis libero vitae leo. Mauris molestie mauris et diam interdum facilisis. In a justo. Duis porta, felis eu fermentum pharetra, odio justo bibendum lectus, at sodales mi leo in risus. Integer nec neque. Cras dui ipsum, venenatis at, euismod non, varius ac, neque. Mauris egestas mollis nunc. Cras nec ante. Fusce id massa sit amet eros sollicitudin tristique. Vivamus vel nisl. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae<br /><br />Vestibulum eget quam. Proin vehicula accumsan enim. Mauris tincidunt dolor id leo. Phasellus lacinia ipsum nec risus. Donec quis orci. Donec nonummy egestas arcu. Phasellus sed purus quis mauris lobortis ullamcorper. Vestibulum congue, enim sit amet lobortis malesuada, eros velit ullamcorper eros, vitae interdum mi sapien tempor nibh. Proin suscipit porta dui. Quisque id eros a libero varius sodales. Pellentesque mattis enim vel elit. Sed luctus ultricies eros. Nunc consectetuer pharetra massa.<br /><br />Mauris congue. Nullam a tortor quis massa commodo lacinia. Ut faucibus eros. Nunc dictum. Maecenas hendrerit, neque a lacinia viverra, lorem nibh imperdiet nulla, vel hendrerit wisi velit in eros. Proin pede orci, congue in, ultrices blandit, porttitor a, nibh. Vivamus in wisi non erat facilisis imperdiet. Phasellus augue. Donec feugiat. Sed tincidunt. Nunc posuere purus in ligula. Vestibulum eget odio eget urna varius pulvinar.<div></body></html>

tendeu ?

Compartilhar este post

Link para o post
Compartilhar em outros sites

Wilker    3

Wilker
Postado

acho q ele quer algo + especifico, entaum ai vai:

 

<style>body {overflow-x: hidden;overflow-y: scroll;}</style>

flw

Compartilhar este post

Link para o post
Compartilhar em outros sites

_ nEoN _    0

_ nEoN _
Postado

acho q ele quer algo + especifico, entaum ai vai:

<style>body {overflow-x: hidden;overflow-y: scroll;}</style>
flw
não sabia dessa propiredade

Compartilhar este post

Link para o post
Compartilhar em outros sites

Alex Hiroshi    7

Alex Hiroshi
Postado

Eu usaria o que foi postado pelo Wilker

isso você colocarai na janela que abre

<style>body {overflow-x: hidden;overflow-y: scroll;}</style>

overflow-x é a barra de rolagem horizontal que esta marca como hidden para não mostrar..

overflow-y é a barra de rolagem vetical (a que você quer) e esta setada como scroll para dar a barra de rolagem..

no seu caso, so o overflow-x seria o importante... tente assim

<body style="overflow-x: hidden;">

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito