Bug Tracker

Show
Ignore:
Timestamp:
10/27/08 20:14:12 (2 months ago)
Author:
aflesler
Message:

scrollTo: updating this repo to 1.4.

Files:
1 modified

Legend:

Unmodified
Added
Removed
  • trunk/plugins/scrollTo/index.html

    r4989 r5914  
    99    <link type="text/css" rel="stylesheet" href="css/style.css" /> 
    1010    <script type="text/javascript" src="jquery.js"></script> 
    11     <script type="text/javascript" src="jquery.scrollTo.js"></script> 
     11    <script type="text/javascript" src="jquery.scrollTo-min.js"></script> 
    1212    <script type="text/javascript"> 
    1313        jQuery(function( $ ){ 
     
    139139                }); 
    140140            }); 
     141             
     142            /* This can be used to test scroll on Iframes and window 
     143            $('body').append('<iframe src="/" />'); 
     144            setTimeout(function(){ 
     145                //$(window).scrollTo( 1e8, 1000 ).scrollTo( 0, 1000 ); 
     146                $(window).scrollTo( 1e8, 1000, function(){ 
     147                    $('iframe').scrollTo( 1e8, 1000 ).scrollTo( 0, 1000 ); 
     148                }); 
     149            }, 3000 ); 
     150            /* 
     151            setTimeout(function(){ 
     152                $('#foo').scrollTo( '#two', 1000 ); 
     153                //$.scrollTo( '#two' );              
     154            }, 2000 ); 
     155            /* */ 
    141156        }); 
    142157    </script> 
     
    209224        <p class="message">Don't use a hash for the target to scroll only one axis, use the option 'axis' instead. The hash is used to scroll both axes with different positions.</p> 
    210225    </div> 
     226    <!-- This HTML is needed for the test on Iframes -> 
     227        <div id="foo" style="position:absolute;bottom:50;left:150;height:200px;width:200px;overflow:auto;border:1px black solid;diplay:block;"> 
     228        <div id="one" style="height:400px;width:300px;background:green;">&nbsp;</div> 
     229        <div id="two" style="background:blue">HI!</div> 
     230        <div id="three" style="height:6000px;width:300px;background:red;">&nbsp;</div> 
     231    </div> 
     232    <!-- --> 
    211233</body> 
    212234</html>