Advanced User Interface Controls and Components
Retrieves the current position of the scrollbar in TabStrip.
This method doesn't have any parameters.
An object that represents the current position of horizontal and vertical scrollbar in TabStrip.
Supported in: v1.0.
In this example we are showing how to get the current position of scrollbar in TabStrip, by using the getScrollPos method.
$(document).ready(function() {
// Create an instance of TabStrip widget
var $tab = $('#tabstrip').tabstrip();
var showPos = function(){
var pos = $tab.tabstrip("getScrollPos");
alert("the current position of scrollbar is: " + pos);
}
});
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="css/integralui.tabstrip.css" />
<link rel="stylesheet" href="css/themes/theme-blue.css" />
<script type="text/javascript" src="external/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="external/jquery.ui.core.min.js"></script>
<script type="text/javascript" src="external/jquery.ui.widget.min.js"></script>
<script type="text/javascript" src="js/jquery.integralui.widget.min.js"></script>
<script type="text/javascript" src="js/jquery.integralui.tabstrip.min.js"></script>
</head>
<body>
<div id="tabstrip" class="widget">
<li><span>Tab 1</span></li>
<li><span>Tab 2</span></li>
<li><span>Tab 3</span></li>
<div></div>
<div></div>
<div></div>
</div>
</body>
</html>
.widget
{
width: 300px;
height: 300px;
}