Hide navigator Hide source code
Deprecated: strlen(): Passing null to parameter #1 ($string) of type string is deprecated in /home/project-web/jquery4php/lib/YepSua/Labs/RIA/jQuery4PHP/YsJQueryBuilder.php on line 127

Deprecated: substr(): Passing null to parameter #1 ($string) of type string is deprecated in /home/project-web/jquery4php/lib/YepSua/Labs/RIA/jQuery4PHP/YsJQueryBuilder.php on line 127

Deprecated: strlen(): Passing null to parameter #1 ($string) of type string is deprecated in /home/project-web/jquery4php/lib/YepSua/Labs/RIA/jQuery4PHP/YsJQueryBuilder.php on line 127

Deprecated: substr(): Passing null to parameter #1 ($string) of type string is deprecated in /home/project-web/jquery4php/lib/YepSua/Labs/RIA/jQuery4PHP/YsJQueryBuilder.php on line 127

Deprecated: strlen(): Passing null to parameter #1 ($string) of type string is deprecated in /home/project-web/jquery4php/lib/YepSua/Labs/RIA/jQuery4PHP/YsJQueryBuilder.php on line 127

Deprecated: substr(): Passing null to parameter #1 ($string) of type string is deprecated in /home/project-web/jquery4php/lib/YepSua/Labs/RIA/jQuery4PHP/YsJQueryBuilder.php on line 127

Deprecated: strlen(): Passing null to parameter #1 ($string) of type string is deprecated in /home/project-web/jquery4php/lib/YepSua/Labs/RIA/jQuery4PHP/YsJQueryBuilder.php on line 127

Deprecated: substr(): Passing null to parameter #1 ($string) of type string is deprecated in /home/project-web/jquery4php/lib/YepSua/Labs/RIA/jQuery4PHP/YsJQueryBuilder.php on line 127

Deprecated: strlen(): Passing null to parameter #1 ($string) of type string is deprecated in /home/project-web/jquery4php/lib/YepSua/Labs/RIA/jQuery4PHP/YsJQueryBuilder.php on line 127

Deprecated: substr(): Passing null to parameter #1 ($string) of type string is deprecated in /home/project-web/jquery4php/lib/YepSua/Labs/RIA/jQuery4PHP/YsJQueryBuilder.php on line 127

ScrollLeft

Get the current horizontal position of the scroll bar for the first element in the set of matched elements.

<div>
<input type="button" id="btnScrollLeft" value="Scroll Left [300]" />
<input type="button" id="btnScrollLeftVal" value="Scroll Left Value" />
<div id="blockScrollLeft" style="  background:#CCCCCC none repeat scroll 0 0;
                                   border:3px solid #666666;
                                   margin:5px;
                                   padding:5px;
                                   position:relative;
                                   width:200px;
                                   height:100px;
                                   overflow:auto;">
<p style="margin-top:300px;
          padding:5px;
          border:2px solid #666;
          width:1000px;
          height:1000px;">Hello</p>
</div>
<?php
echo
YsJQuery::newInstance()
  ->onClick()
  ->in('#btnScrollLeft')
  ->execute(
    YsJQuery::scrollLeft(300)->in('#blockScrollLeft')
  )
?>
<?php
echo
YsJQuery::newInstance()
  ->onClick()
  ->in('#btnScrollLeftVal')
  ->execute(
    sprintf('alert(%s)',YsJQuery::scrollLeft()->in('#blockScrollLeft'))
  )
?>
</div>