怎么在各个网站免费推广信息,网站是由哪些组成,市场网站建设,浙江省建设银行网站场景#xff1a;悬浮球功能
当我给悬浮球设置了 position: fixed; 然后监听悬浮球的touch事件#xff0c;从事件对象中拿到clientY和clientX赋值给悬浮球的left和top属性。当直接赋值后效果应该是这样子#xff1a; 注意鼠标相对悬浮球的位置#xff0c;应该就是左上角悬浮球功能
当我给悬浮球设置了 position: fixed; 然后监听悬浮球的touch事件从事件对象中拿到clientY和clientX赋值给悬浮球的left和top属性。当直接赋值后效果应该是这样子 注意鼠标相对悬浮球的位置应该就是左上角因为left和top属性是从左上角作为起点的。但是当运行在h5页面中就是这样子 可以看到x轴没问题但是y轴位置明显不对。最后发现隐藏title后和不隐藏title获取的clientY值是不一样的测试后发现如果加了title那么clientY是从tite底部开始为0计算的。但是悬浮球top是按照是浏览器视口顶部开始计算的这就是为什么悬浮球比正常位置靠上的原因这里注意下图发现uniapp在我的悬浮球的祖先元素设置了定位这个设置定位的祖先刚好是title的底部那么就有同学疑问那么不应该悬浮球也top为0的位置也是tite底部吗答案是我设置的fixed固定定位永远相对于浏览器视口。这个也是个坑如果设置不是fixed那么就要注意参照物究竟是哪一个 知道了这个问题那么就很好解决了。这里就不贴啦有很多解决办法难不倒各位程序猿
