诸葛亮剑 2018-09-13 05:09 采纳率: 0%
浏览 1776

js如何监听css的属性?

仿做了下爱淘宝刚进页面的顶部广告提示,我的思路是这样的,下面上滑的页面我用css的动画属性写,然后当页面上滑到指定的位置后(指定的top值),顶部会出现一栏新的广告,那么现在问题来了,js里如何动态监听css的属性,求各位大神帮帮忙,源代码在下面:

<!doctype html>



content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

Document *{ margin:0; padding:0; } html,body{ width:100%; height:100%; } .box{ width:100%; background-color:skyblue; } .box img.img1{ display:block; margin:0 auto; background:green } .box img.img2{ position:absolute; top:0; left:164px; display:none; } .layout{ width:100%; height:800px; background-color:pink; position:absolute; top:460px; animation:run 2s ease-in 1 forwards 1s; } @keyframes run{ 0%{ top:460px; } 100%{ top:90px; } }


falsefalse
window.onload=function() { var layout = document.querySelector(".layout"); var img = document.querySelector(".box .img2"); console.log(layout.offsetTop); if (layout.offsetTop === 90) { //js如何监听css属性的变化 img.style.display = "block"; } }


  • 写回答

1条回答 默认 最新

  • _眉目如初 2019-06-03 14:22
    关注

    js有个滚轮事件,用这个写不用这么麻烦

    评论

报告相同问题?

悬赏问题

  • ¥30 这是哪个作者做的宝宝起名网站
  • ¥60 版本过低apk如何修改可以兼容新的安卓系统
  • ¥25 由IPR导致的DRIVER_POWER_STATE_FAILURE蓝屏
  • ¥50 有数据,怎么建立模型求影响全要素生产率的因素
  • ¥50 有数据,怎么用matlab求全要素生产率
  • ¥15 TI的insta-spin例程
  • ¥15 完成下列问题完成下列问题
  • ¥15 C#算法问题, 不知道怎么处理这个数据的转换
  • ¥15 YoloV5 第三方库的版本对照问题
  • ¥15 请完成下列相关问题!