Your Open Source

Free YourOpenSource Softwares Online Resources and Softwares Downloads with Demo

How to find position of the element in JS
How to use CSS Positioning
Google Search Engine Position finder
textview with scrollbar in android ?
how to align center position in android textview

Digg

Yahoo

delicious

JavaScript >> JQuery

findout the scrollbar position

In JQuery, you can findout the current scroll bar position of the DIV element. Please check it out the following example for that,

The stylesheet (css) code given below,


div#container{	

		width:598px;

		float:left;

		overflow:auto;

		

	}

HTML code,




text here

Jquery in Javascript(JS) code,


$(document).ready(function(){

  $('#container').scroll(function(){

     var divOffset = $('#container').offset().left;

     var pOffset =  $('#container p:eq(2)').offset().left;

     var pScroll = 598 - pOffset;

    $('#print').html('Left:'+ pScroll);

		});

	});

You will get the scroll bar left position when you move the scroll bar of the DIV element.