html 自定义菜单随着滚动条滑动

1.给一个div

	<style>
			#menu{
				position: relative;top: 0px;
			}
	</style>
<div id="menu"> </div>

2.事件菜单,点击

<script>
		function showHide(num){
			if(num==1){
				$('html, body').animate({scrollTop: $('#biaoji1').offset().top},"slow")//"slow"
			}else if(num==2){
				$('html, body').animate({scrollTop: $('#biaoji2').offset().top},"slow")
			}else if(num==3){
				$('html, body').animate({scrollTop: $('#biaoji3').offset().top},"slow")
			}
		}
	</script>

3.滚动鼠标

<script>
			$(function(){
				window.onscroll=function(){
				var top2=$(document).scrollTop();
				//var top1=document.body.scrollTop;
				console.log("top2:"+top2)
				$("#menu").css("position","relative").css("top",top2);
				}
			});
</script>

 

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
嵌入式Qt滑动菜单是一个方便用户操作的界面组件,可以通过手势或者鼠标滚动来滑动菜单项。在嵌入式系统中,Qt提供了一个灵活易用的滑动菜单组件供开发者使用。 滑动菜单的实现步骤如下: 1. 创建窗口并设置为滑动窗口,即设置窗口控件为滑动菜单的父控件,并设置滚动条的显示方式。 2. 在窗口上添加滑动菜单项,可以是文字、图标或者自定义控件,每个菜单项都可以设置为可点击的,用于触发相应的操作。菜单项可以使用Qt的QListWidget、QTableWidget或者QTreeWidget等容器类来实现。 3. 将滑动菜单项添加到滑动菜单中,可以使用垂直布局(QVBoxLayout)或者水平布局(QHBoxLayout)来管理菜单项的位置和大小,并将布局添加到滑动窗口中。 4. 通过设置滑动窗口的resizePolicy属性,可以设置菜单项的大小和位置,以及滑动条的显示要求。可以根据实际的需求调整菜单项的宽度、高度和间隔。 5. 添加滑动条,使用Qt的QScrollBar类来实现,设置滑动条的最小值、最大值和步长。 6. 设置滑动菜单项的点击事件,当点击菜单项时,可以触发相应的操作,例如打开新的窗口、执行特定的函数或者展开子菜单等。 通过以上步骤,就可以实现一个嵌入式Qt滑动菜单。开发者可以根据实际需求来调整滑动菜单的样式、布局和交互行为,为用户提供更好的操作体验。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值