范文健康探索娱乐情感热点
投稿投诉
热点动态
科技财经
情感日志
励志美文
娱乐时尚
游戏搞笑
探索旅游
历史星座
健康养生
美丽育儿
范文作文
教案论文
国学影视

layer消息框显示在鼠标旁边

  layer因为操作简单,界面美观,是开发消息弹窗的不二选择。一般我们都会让消息框采用浮动效果显示在屏幕正中间,但是如果我们的需求是弹框显示在鼠标点击位置的左下角,而且是随滚动条移动的,就像bootstrap的popover组件,该如何实现呢。
  ayer本身有很多操作参数,涉及定位的是offset参数,预设的有上下左右和四个边角,以及中间浮动。因为这几种预设都不能达到要求,只能使用自定义坐标来实现。
  要实现这个需求首先要改动的是fixed参数,需要把原来的浮动效果去掉,所以fixed参数值设为false,接下来就是获得点击位置的坐标了。根据以往经验,x坐标取clientX也就是浏览器的x坐标位置,y坐标取pageY或者clientY+scrollY也就是文档y坐标。按预期设想,弹框会出现在点击位置的右下角位置。
  但是,通过测试会发现结果并不如意。在纵向滚动条置顶时点击出现弹框是正常的,当拉下滚动条时就开始出现偏差,而且拉得越下偏差越大。经多次实验,发现原因是layer会自做聪明得把弹框位置在预定义值的基础上加上scrollY,相当于结果值多了一个scrollY值。这样事情就简单了,把多的值减掉。clientY+scrollY-scrollY=clientY。因此offset的y坐标值直接使用clientY。通过测试,弹框果然显示在了点击位置的右下角。
  到这里离我们的目标只有一步之遥了,右下角到左下角差了一个消息框的宽度,而弹框宽度是自定义的,直接减掉ok。
  $(".edit").click(function(e){   		layer.open({ 			type: 1 			,area:"300px" 			,offset: [e.clientY+"px",(e.clientX-310)+"px"] 			,id: "layerDemo2"//防止重复弹出 			,content: $("#dialog") 			,"fixed":false 			,shade: 0 //不显示遮罩 			,yes: function(){ 				layer.closeAll(); 			} 		});  	})

作为初创企业,亿咖通科技是如何成为独角兽企业的?亿咖通科技已经成立了5年了,在这5年中,亿咖通科技取得了一个又一个的技术成就,正是由于这些成就,才使得亿咖通科技成为了人人羡慕的独角兽企业。那么亿咖通科技作为初创企业,都取得了什么沈子瑜亿咖通科技的智能座舱,构建领先的智能化出行亿咖通科技沈子瑜说传统汽车座舱是冷冰冰没有温度的乘坐空间。亿咖通科技沈子瑜说随着5G和人工智能到来,良好的座舱空间可帮助驾乘人员更好的享受美好生活。因此,沈子瑜表示,亿咖通科技聚焦喜大普奔,低价位的哈曼参考级耳机来了自然声NS4耳机自己曾经发布过一只价格非常便宜(不到300元)的音特美参考级耳机,自然声NS3R。发布后深受用户欢迎!现在又一只参考级哈曼曲线的中端入耳式耳机发售了,在此也做些介绍,希望大家喜欢!65万女性受害!网络再现一键软件,人工智能最无耻的应用之一你知道吗,你发在社交平台上的照片很有可能被人盯上了,可怕的是你的身体的隐私会在你不知情的情况下被登上网络上传播。这就是曾经爆红的AI一键脱衣软件A(为了避免引流,就不打网站名字了)美科技公司破解刷脸支付?网友用照片实验,屏幕出现四个字随着科技的发展,我们的支付方式也在发生着翻天覆地地变化,如今人们消费基本依靠手机支付,而中国的移动支付在世界上处在了领先位置。移动支付正在改变着社会中的每一个人,相信大家都深有感触国庆小长假,新能源汽车车主苦不堪言!千算万算还是半路歇菜国庆小长假刚过去,每年关于高速塞车的新闻已经屡见不鲜,尽管这样也还是无法阻挡人们出游的决心。今年的新闻却有点不一样,在赛车阵营中,新能源车的车主尤为显眼。此次国庆,他们可谓是苦不堪2020年成都音响展十佳房间总结2020年10月30号至11月1日,自己参加了成都国际音响展。也参观了各展房,在此也总结一下十佳展房。希望大家喜欢!十自然声房间这次自己带着NS16NS17音箱,A50功放DAC1加进案例小程序上线10天创造百万级交易额在线上流量获客成本攀升的当下,电商平台急需新的流量池,于是乎瞄向了社交。一方面社交电商价低甚至是免费的,另一方面社交平台获取的流量更直观持续,再者人际的信任加权,转化率更高。今天来加进案例米米大吉拼团小程序获取流量的最时髦打法在一二线城市的互联网流量接近负荷,它们纷纷下沉寻求新的增长空间,而拼购业务又被看作是最有效之策。在流量红利逐渐耗尽的后电商时代,凭靠低价和社交,抢占低线市场。拼团玩法的好处就是以低小米终于选对代言人了在2020东京奥运会中,苏炳添跑出了9秒83的成绩,刷新了亚洲纪录!小米在8月10日也官宣了现今中国最快百米飞人苏炳添成为小米代言人!关于小米的代言史,可以说是充满了崎岖不平,很长淘宝slogan更新背后也太会玩了吧9月1日下午,太了吧体突然上了热搜。太了吧体究竟是怎么火起来的?这还要从8月30日,淘宝官方微博宣布更换新slogan,在微博上,淘宝不仅官宣新slogan,还开启了与多个品牌的全
新机发布汇总!八月旗舰扎堆,手机市场再现竞争热潮随着下半年的进入,厂商们的新一轮新机热潮又要到了,根据目前曝光的信息来看,包括了华为三星荣耀小米iQOO等的企业都要发布新产品,下面让我们来一起盘点下。华为P50系列官宣或将带来全vivoS6首销即获销量销售额双冠军,夜景自拍只是小亮点如何打造一款更受年轻人喜爱的手机?不仅要具有时尚潮流的外观设计属性,强悍的性能体验及出色的拍摄画质也都是要具备的。比如,前不久发布的vivoS系列5G自拍手机vivoS6,搭载了旗vivoS6到底值不值得买?看看首批购买用户怎么说在这个颜值即正义的年代,人们总会更喜爱美丽的事物,高颜值的产品不仅更具时尚冲击感,伴随在人左右也会让人的心情更加舒畅。而对于智能手机来说也是如此,凭借高颜值的时尚设计属性,vivo首销当天斩获多平台双冠军5G自拍手机vivoS6究竟有多优秀?提到近期最火的手机产品,刚刚发布不就的vivoS6就对是当下最热的产品之一,凭借出色的时尚潮流设计及优秀的自拍表现,vivoS6不仅被称为最适合年轻人的5G自拍手机,更在开售日当天找不到小齿轮,我在发布作品时,找不到原创按钮,也就是没有小齿轮这个接钮,以至于发的作品都不能成为原创,真的是挺郁闷的。由于搞不明白也就放弃了一年吧,最近感觉太闲无聊,就又开始玩弄玩玩,就想反正播让小仙女爱不释手的自拍利器,vivoS6的自拍功力到底有多强?提到当下年轻人的朋友圈里什么类的内容最多?各位仙女小姐姐的自拍照绝对是朋友圈里的一道靓丽风景线。为了拍摄一张更加精美真的自拍照,补光灯美妆灯辅助镜头,后期修图等等手段可以说是拍摄必孝顺二字,说起来容易,做起来难,大部分人只能做到孝无法做到顺相信每个人都觉得自己对父母很孝顺,但是父母总是觉得不满很委曲?当父母有各种不满情绪时,自己也会觉得很委曲,自己觉得自己已经做的尽心尽力了,可父母为什么还不满意呢?在这里我谈谈我个人学会这几招,人生路上没人能算计你随着社会的进步发展,人的欲望也越来越强,不象老辈人的思想很单纯,所以难免有些人为了欲望往往会把心带离了轨道,千方百计较劲脑汁的想得到想要的东西。所以呢人生的道路上,难免会被人算计,Flink操练(五)之DS简介(5)编写第一个Flink程序Scala版Flink程序编写packagelearnimportorg。apache。flink。api。java。utils。ParameterToolimportorg。apFlink基础(四)之DS简介(4)Flink运行架构1系统架构Flink是一个用于有状态的并行数据流处理的分布式系统。它由多个进程构成,这些进程一般会分布运行在不同的机器上。对于分布式系统来说,面对的常见问题有集群中资源的分配和管理SparkSQL电商用户画像(二)之如何构建画像四如何构建电商用户画像回到顶部4。1构建电商用户画像技术和流程构建一个用户画像,包括数据源端数据收集数据预处理行为建模构建用户画像有些标签是可以直接获取到的,有些标签需要通过数据挖