html滚轮怎么设置,HTML编程,如何设置滚动条的位置?

回答:

Axure添加滚动条步骤如下:

1、第一步,新建一个“垂直线”,命名为“滚动条”,这里设置为“隐藏”状态;“动态面板”命名为“框架”;“动态面板”的state1内容组合下,命名为"内容"。

d7e63d9ff3fd2dc81a7b9f383484ec3f.gif

2、第二步,设置“滚动条”的“载入时”的交互动作:设置“滚动条”的大小。

ad73f34af5932e45cc85a9fc0d764520.gif

3、第三步,设置“元件:框架”为局部变量LVAR1;设置“元件:内容”为局部变量LVAR2;所以“滚动条”的高为[[LVAR1.height*LVAR1.height/LVAR2.height]];设置“滚动条”的宽为3。

f26ba35915db34cd26098410abae070a.gif

4、第四步,设置“框架”的“滚动时”的交互动作。

ee4037b359225f658503def03a3c7605.gif

5、第五步,动作1:显示“滚动条”,动画:逐渐,时间:200毫秒。

6c74a47ab700d64361129d0b1b297323.gif

6、第六步,动作2:移动“滚动条”,到达指定位置,动画:线性,时间:200毫秒。

277a32470d30b923e13498f32188ca15.gif

7、第七步,设置“元件:滚动条”为局部变量LVAR1;所以X的值为[[LVAR1.x]];

e192069ab07aca2c7b9a0de8ff4ca2cb.gif

8、第八步,设置“元件:框架”为局部变量LVAR1;设置“元件:内容”为局部变量LVAR2;所以Y的值为[[LVAR1.y+This.scrollY*LVAR1.height/LVAR2.height]];滚动的时候,显示滚动条;页面内容滚动式,滚动条随着下移;鼠标移出后,滚动条逐渐消失。

4169df7e013f35bd3aae7874c3255652.gif

这样就设置好了滚动条。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值