jquery - Div inside custom scrollbar content does not work properply -

-

i inserted div (.test) custom scrollbar plugin. default, width , height 100%.

html

 <div class="container default-skin">      <div class="test">asdasd</div>  </div>

css

.container { position:absolute; width:100%; height:100%; top:0; box-sizing: border-box; overflow: hidden; } .test { float:left; width: 100%; height:1500px; background:red; }

problem consists of several elements.

a) .test div not working properply percentages, works pixels.

b) if using position:absolute in .test div, scrollbar content disappears.

c) similar problems percentages or positioning in div.

my question:

how can fix problems? want put .test div center of page. that, need float , margins options (they not working). also, in future use percentages, so, how can avoid problems in future?

i created demo in jsfiddle. check it

first, think have layout positioning issue , that's why scrollbars messed up. without knowing intrinsics of scrollbar plugin or without reverse engineering scrollbar plugin, i'd cast votes layout issues have.

the issue if position .test div absolute inside div absolute position without dimension specified (height , width) can't expect .test div work percentages because parent element (.overview) positioned absolute no dimensions specified. so, think it's worth remember absolute position means. quote w3schools...

an absolute position element positioned relative first parent element has position other static. if no such element found, containing block html element

so, currently, if set .test absolute position width 0 (zero) while .overview (its parent) has 0 width , 0 height. understood? 0 height , 0 width...which means there no content vertically overflowing , therefore, scrollbar plugin understands there's no need display vertical scrollbars...because there no content vertically overflowing.

i hope makes sense


Comments

Post a Comment

Popular posts from this blog

PHPMotion implementation - URL based videos (Hosted on separate location) -

-
i have implement video collection website users of specific isp. site hosted on public web-server movies hosted on local isp server. user of isp + general visitors can see available movies; isp's users able play them. player on site point url of local machine ( http://192.x.x.x/movies/mymovie.mov ) private class (192.x.x.x) accessible isp user. question: possible phpmotion script? or need custom work. if possible, can please suggest available mods? phpmotion require modifications able handle this. uploading, conversion, thumbnail generation, , playback pretty static in phpmotion. really though, rather modding entire upload , conversion process, if created quick custom form add entries phpmotion database (maybe include thumbnail upload), tweaked playback paths, should go on phpmotion side of things. assume had videos in format player handle (such flv or mp4).
Read more

c# - Unity IoC Lifetime per HttpRequest for UserStore -

-
i'm trying clean default implementation of accountcontroller.cs comes out of box in new mvc5/owin security implementation. have modified constructor this: private usermanager<applicationuser> usermanager; public accountcontroller(usermanager<applicationuser> usermanager) { this.usermanager = usermanager; } also, have created lifetime manager unity looks this: public class httpcontextlifetimemanager<t> : lifetimemanager, idisposable { private httpcontextbase _context = null; public httpcontextlifetimemanager() { _context = new httpcontextwrapper(httpcontext.current); } public httpcontextlifetimemanager(httpcontextbase context) { if (context == null) throw new argumentnullexception("context"); _context = context; } public void dispose() { this.removevalue(); } public override object get
Read more

I am trying to solve the error message 'incompatible ranks 0 and 1 in assignment' in a fortran 95 program. -

-
i writing program in fortran find velocity of parachuting person in relation time. keep getting error can't fix. new programming , appreciated. the error is v(i+1)=v(i)+[32-((c*v(i)*v(i))/m)]*(h) 1 error: incompatible ranks 0 , 1 in assignment @ (1) and program is program para integer :: real :: v(11) !velocity real :: q !initial velocity real :: h !time step real :: c !drag coefficient real :: m !mass ! gravity equal 32 ft/s^2 write (*,*)'enter time step' read(*,*)h write(*,*)'enter initial velocity' read(*,*)q write(*,*)'enter drag coefficient' read(*,*)c write(*,*)'enter mass' read(*,*)m i=1,10 ! 1 10, 1 being interval. end v(i+1)=v(i)+[32-((c*v(i)*v(i))/m)]*(h) q=v(1) end program you cannot use [] normal parenthesis in expressions. array constructor, [ items ] means array items elements. end do should after line.
Read more