ui.igScroll

ui.igScroll_image

The igScroll is a jQueryUI widget that features support for custom fluid scrolling functionality via custom or native scrollbars on all devices. It allows detailed customization of the look of the scrollbars and the scrolling behavior via the related options and css classes. >

You can find further information regarding the classes, options, events, methods and themes of this widget under the associated tabs above.

The following code snippet demonstrates how to initialize the igScroll control.

Click here for more information on how to get started using this API. For details on how to reference the required scripts and themes for the controls read, Using JavaScript Resources in Ignite UI and Styling and Theming Ignite UI.

Code Sample

<!doctype html>
<html>
<head>
    <!-- Infragistics Combined CSS -->
    <link href="css/themes/infragistics/infragistics.theme.css" rel="stylesheet" type="text/css" />
    <link href="css/structure/infragistics.css" rel="stylesheet" type="text/css" />
    <!-- jQuery Core -->
    <script src="js/jquery.js" type="text/javascript"></script>
    <!-- jQuery UI -->
    <script src="js/jquery-ui.js" type="text/javascript"></script>
    <!-- Infragistics Combined Scripts -->
    <script src="js/infragistics.core.js" type="text/javascript"></script>
    <script src="js/infragistics.lob.js" type="text/javascript"></script>
    <script type="text/javascript">
    $(function () {
        $("#scrollableContent").igScroll({
                alwaysVisible:true,
                smoothing: true
        });
    });
    </script>
</head>
<body>
    div id='scrContainerLeft' style="height:200px; width:500px; overflow: hidden;" tabIndex='0'>
        <div style="width: 800px;">
            <p>
            Lorem ipsum dolor sit amet, dicat maluisset urbanitas has id, consul admodum contentiones mel te. Nam paulo utinam qualisque in, lorem definiebas theophrastus mea ex. <br/>
            Scripta sanctus definitionem qui at. Erat fugit dicit at sea, ne quo alia illud viris. <br/>
            Latine legendos ut eum. Usu purto nihil dolor ei, has et iriure scripta, ex antiopam electram duo. <br/>
            </p>
            Te ludus malorum periculis has, no veri dissentiet sea. <br/>
            Probo lucilius an vel, his eu purto falli, populo graecis postulant has at. <br/>
            Suas sale mediocritatem in vis. Has noster semper perpetua in. Sed ex nostrum temporibus, affert interpretaris no pro. <br/>
            <p>
            Cu eirmod omnesque offendit per, invidunt corrumpit intellegebat duo et. <br/>
            Sed ne sonet apeirian. Cum at clita molestie democritum, diam expetenda ius ei. <br/>
            In est sale tamquam reformidans, dolore ponderum ius et. Te sea mutat hendrerit, habeo noster vis ad. <br/>
            Quem feugiat feugait usu id. His utinam apeirian in, repudiare accommodare ex mea, id qui modo mazim eleifend. <br/>
            </p>
            Cum elitr ludus ut. Eu mel aliquando conceptam adolescens. <br/>
            Malis vitae labore vis ea, eam an error accumsan. <br/>
            Ceteros sapientem assentior mel at, graeco ancillae moderatius ea eum. <br/>
            Ei nam delenit admodum deterruisset. <br/>
            <p>
            Cum ad animal oblique, sensibus reprehendunt his te, quo ignota dictas no. <br/>
            Eu congue lucilius mei, has ei invenire platonem. Cu nonumy tamquam moderatius cum. <br/>
            At lucilius deterruisset vis, omnis minimum complectitur ea his. <br/>
            </p>
        </div>
    </div>
</body>
</html>
        

Related Samples

Related Topics

Dependencies

jquery-1.9.1.js
jquery.ui-1.9.0.js
infragistics.util.js
modernizr.js

Inherits

Copyright © 1996 - 2025 Infragistics, Inc. All rights reserved.