jquery如何让div随着滚动条的改变而改变

 时间:2024-10-12 08:13:03

1、新建一个html文件,命名为test.html,用于讲解jquery如何让div随着滚动条的改变而改变。

jquery如何让div随着滚动条的改变而改变

2、在test.html文件内,使用div标签创建一个div模块,并设置其class为ttdiv,主要用于下面通过该class获得div对象。

jquery如何让div随着滚动条的改变而改变

3、在css标签内,设置div的样式,定义div的宽度为100px,高度为10000px,背景颜色为红色。

jquery如何让div随着滚动条的改变而改变

4、在js标签内,通过给window绑定scroll事件,即滚动条事件,当页面滚动条滚动时,执行function()方法内的代码。

jquery如何让div随着滚动条的改变而改变

5、在function()方法内,通过class(ttdiv)获得div对象,使用width()方法获得div的宽度,保存在w变量中。

jquery如何让div随着滚动条的改变而改变

6、在function()方法内,通过class(ttdiv)获得div对象,使用cs衡痕贤伎s() 方法改变div的宽度,宽度为原来的宽度加在1px,即滚动条每滚动一次,div的宽度就自动加1px。

jquery如何让div随着滚动条的改变而改变

7、在浏览器打开test.html文件,滚动页面的滚动条,查看实现的效果。

jquery如何让div随着滚动条的改变而改变jquery如何让div随着滚动条的改变而改变
  • 教你如何使用支付宝简单理财
  • 如何使用photoshopCS6的恢复功能?
  • 王者荣耀好友分享的王者密语怎么使用
  • 15分之8×5等于多少
  • ps怎么微调五官的位置
  • 热门搜索
    光猫和路由器的区别 天龙八部少室山怎么刷 河蚌怎么洗 驴妈妈旅游 如何编织手链 cad怎么连续标注 湖北省旅游局 老公出轨了怎么挽回 cf录像怎么看 如何取网名