{"id":74,"date":"2009-05-07T12:57:33","date_gmt":"2009-05-07T10:57:33","guid":{"rendered":"http:\/\/luca.lovalvo.net\/1_luca_lo_valvo\/archive\/2192_scroll_bar_dans_une_div.html"},"modified":"2022-11-04T15:57:43","modified_gmt":"2022-11-04T14:57:43","slug":"scroll-bar-dans-une-div","status":"publish","type":"post","link":"https:\/\/luca.lovalvo.ch\/blog\/scroll-bar-dans-une-div\/","title":{"rendered":"Scroll Bar dans une div"},"content":{"rendered":"

La propriété "overflow", permet d'inclure une horrible scrollbar dans une div, à défaut de perdre du temps pour en faire une en DHTML \ud83d\ude42<\/p>\n

 <\/p>\n

Dans une feuille de style (CSS) : <\/strong><\/font><\/p>\n

#scroll <\/font>{
height: 235px; \/* Hauteur de 235 pixel *\/
width: 180px;  \/* Largeur de 180 pixel *\/
overflow: auto;
}<\/font><\/p>\n

 <\/p>\n

 <\/p>\n

Div :<\/font>  <\/strong><\/p>\n

<div id="scroll<\/font>"><\/font><\/p>\n

 Contenu de votre "div" \ud83d\ude42<\/font>
<\/font><\/p>\n

<\/div> <\/font><\/p>\n

 <\/p>\n

Propriété d'overflow : <\/strong><\/font><\/p>\n

Visible :<\/strong> Le contenu n'est pas coupé, mais peut dépasser de l'élément.
hidden :<\/strong> Le contenu sera coupé a hauteur de l'élément. Aucune scrollbar s'affichera.
scroll :<\/strong> Le contenu sera coupé avec l'affichage de la scrollbar en permanence.
auto :<\/strong> Le contenu sera coupé avec au besoin l'affichage de la scrollbar.<\/p>\n

 <\/p>\n

 <\/p>\n

je sais…c'est moche, mais ça dépanne \ud83d\ude2e <\/p>\n","protected":false},"excerpt":{"rendered":"

La propriété "overflow", permet d'inclure une horrible scrollbar dans une div, à défaut de perdre du temps pour en faire une en DHTML \ud83d\ude42   Dans une feuille de style (CSS) : #scroll {height: 235px; \/* Hauteur de 235 pixel *\/width: 180px;  \/* Largeur de 180 pixel *\/overflow: auto;}     Div :  <div id="scroll"> […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-74","post","type-post","status-publish","format-standard","hentry","category-programmation"],"_links":{"self":[{"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/posts\/74","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/comments?post=74"}],"version-history":[{"count":1,"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/posts\/74\/revisions"}],"predecessor-version":[{"id":282,"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/posts\/74\/revisions\/282"}],"wp:attachment":[{"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/media?parent=74"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/categories?post=74"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/luca.lovalvo.ch\/blog\/wp-json\/wp\/v2\/tags?post=74"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}