hi…i want to fetch some data from mysql using ajax (jquery) and show it into html page onclick event of button…problem is if height of data is larger than expected , user have to use scroll but scroll bar is not appearing…i try to adjust height and overflow property of receving container…but nothing worked is there any suggestion…
can you show us a page ?
Hi there,
Have you made sure that the html and body tags don’t have “overflow:hidden” applied to them?
these are the codes…
in html file:
in css file:
body{ padding:0px; margin:0px; width:100%; height:101%; overflow-y:scroll; }
#hat1{position:absolute; margin:50px 105px 100px 215px; border:#aaa 1px solid; height:900px;
float:left; width:761px; border-top:none;}
#hat2{ margin:3px; height:550px; width:auto; ;}
in js file:(im using jquery for ajax)
success:function(gkul1){
$(“body”).css({“height”:“101%”});
$("#hat1").css({“height”:“auto”,“margin-bottom”:“20px”});
$("#hat2").append(gkul1); $("#hat2").css({“margin-bottom”:“20px”,“height”:“auto”});
},
An absolutely positioned element will not push a page down. Maybe this is the issue you are facing?