jquery滚动到顶部底部 - Gxl网-jquery插件

概况

这是一个简单的滚动到顶部底部控制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	-