[英]how to make page scroll position to top when we clicked jquery vertical tab menu
[英]How to make page scroll to top when click the vertical tab
我的演示鏈接: http : //www.bajistech.info/tiltindicators.html#TiltWatch-Plus1 ,當我單擊垂直選項卡時,我試圖使頁面滾動。
//腳本1 $(document).ready(function(){
if (
$('ul#verticalNav li a').length &&
$('div.section').length
) {
$('div.section').css( 'display', 'none' );
//$('ul#verticalNav li a').each(function() {
$('ul#verticalNav li a').click(function() {
showSection( $(this).attr('href') );
});
// if hash found then load the tab from Hash id
if(window.location.hash)
{
// to get the div id
showSection( window.location.hash);
}
else // if no hash found then default first tab is opened
{
$('ul#verticalNav li:first-child a').click();
}
}
});
</script>
//腳本2
function showSection( sectionID ) {
$('div.section').css( 'display', 'none' );
$('div'+sectionID).css( 'display', 'block' );
}
$(document).ready(function(){
if (
$('ul#verticalNav li a').length &&
$('div.section').length
) {
$('div.section').css( 'display', 'none' );
//$('ul#verticalNav li a').each(function() { // no need for each loop
$('ul#verticalNav li a').click(function() { // Use $('ul#verticalNav li a').click
showSection( $(this).attr('href') );
});
//});
if(window.location.hash) // if hash found then load the tab from Hash id
{
showSection( window.location.hash);// to get the div id
}
else // if no hash found then default first tab is opened
{
$('ul#verticalNav li:first-child a').click();
}
}
});
html源代碼
<ul>
<li><a href="#a">a</a></li>
<li><a href="#b">b</a></li>
</ul>
<div id="sections">
<div class="section" id="a">
</div>
<div class="section" id="b">
</div>
嘗試這個:
$( "#tabs li" ).click(function() {
//user clicked on the li
scrollTo(0,0);
});
要么
$("#tabs li").click( function(){
var tabs_offset = $("#tabs").offset();
scrollTo(tabs_offset.left, tabs_offset.top);
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.