Scroll to Top - Bottom Control / Documentation

概况

这是一个简单的滚动到顶部底部控制jQuery插件。是一个很实用的功能,他能帮助新手和高级开发者们创造美好的用户体验。

Demos

Select position : Left Right
Change icon : Change Change
Change Background color : Change
Change menu content : Change

Full Customize

$(this).dwseeTopBottomMenu ({
'menucontainer' : '.TopBottomMenu',
'boxsize' : 40,
'boxbackground' : '#ffffff',
'position' : 'right',
'openmenusize' : 500,
'topicon' : 'images/up_arrow.png',
'menuicon' : 'images/menu_icon.png',
'bottomicon' : 'images/down_arrow.png'
})

Menu Container Html
<div class="TopBottomMenu">
	<ul>
		<li><a href="#">Home Page</a></li>
		<li><a href="#">Company</a></li>
		<li><a href="#">Products</a></li>
		<li><a href="#">Our Technologies</a></li>
		<li><a href="#">Quality</a></li>
		<li><a href="#">H & R</a></li>
		<li><a href="#">Contact</a></li>
	</ul>
</div>



Parameter Description Default Options
menucontainer menu bar content container .TopBottomMenu -
boxsize all box size (width / height) 40 integer
boxbackground all box background color #ffffff all hex color (#000000)
position Scroll to Top - Bottom Control right left / right
openmenusize opened menu bar width 500 integer
topicon top button icon images/up_arrow.png -
menuicon menu button icon images/menu_icon.png -
bottomicon bottom buton icon imagesdown_arrow.png -

适用浏览器:IE8、360、FireFox、Chrome、Opera、傲游、搜狗、世界之窗. 不支持Safari浏览器。

来源:jquery滚动到顶部底部 - Zoomla!逐浪CMS