文档章节

固定左侧位置的悬浮窗

久一网络
 久一网络
发布于 2015/10/22 08:03
字数 305
阅读 20
收藏 0
点赞 0
评论 0
<script language="javascript">


var LoginUI = !!window.LoginUI || {};


LoginUI.getViewportWidth = function(){
    var width=0;
    if(document.documentElement && document.documentElement.clientWidth){
    width=document.documentElement.clientWidth;}
    else if(document.body && document.body.clientWidth){
    width=document.body.clientWidth;}
    else if(window.innerWidth){
    width=window.innerWidth-18;}
    return width;
}




LoginUI.getViewportHeight = function() {
    var height=0;
    if(window.innerHeight){
    height=window.innerHeight-18;}
    else if(document.documentElement&&document.documentElement.clientHeight){
    height=document.documentElement.clientHeight;}
    else if(document.body&&document.body.clientHeight){
    height=document.body.clientHeight;}
    return height;
}


LoginUI.getViewportScrollX = function(){
    var scrollX=0;
    if(document.documentElement&&document.documentElement.scrollLeft){
    scrollX=document.documentElement.scrollLeft;}
    else if(document.body&&document.body.scrollLeft){
    scrollX=document.body.scrollLeft;}
    else if(window.pageXOffset){
    scrollX=window.pageXOffset;}
    else if(window.scrollX){
    scrollX=window.scrollX;}
    return scrollX;
}


LoginUI.getViewportScrollY=function() {
    var scrollY=0;
    if(document.documentElement&&document.documentElement.scrollTop){
    scrollY=document.documentElement.scrollTop;}
    else if(document.body&&document.body.scrollTop){
    scrollY=document.body.scrollTop;}
    else if(window.pageYOffset){
    scrollY=window.pageYOffset;}
    else if(window.scrollY){
    scrollY=window.scrollY;}
    return scrollY;
}


function scrollMsgTip()
{var elem1 = document.getElementById('msgtip');
   var t = LoginUI.getViewportHeight() + 
      LoginUI.getViewportScrollY() - elem1.offsetHeight;
   elem1.style.top = t + "px"; 
   elem1.style.left = 0;
}


function scrollTip()
{
    scrollMsgTip()
}


window.onload = window.onscroll = scrollTip;


</script>




<div style='position:absolute;top:300;left:0;width:80px;height:300px;border:3px double #AAA;font-size:12px;text-align:center;padding:5px' id='msgtip'>
<br>收藏到桌面<a href="http://www.robotedu.org/robotedu.php"><img src="http://www.robotedu.org/images/irobotedu.gif" width="60px" height="60px" title="把我放到你的桌面上吧!下次访问!" border="0px"/></a><br><br>
主站<br>手机版二维码<img src="http://www.robotedu.org/images/qrcode11.png" width="60px" height="60px" title="机器人教育培训网手机版二维码:http://wap.robotedu.org" /><br><br>
师生园地<br>手机版二维码<br><img src="http://www.robotedu.org/images/qrcode21.png" width="60px" height="60px" title="机器人教育培训网师生园地手机版二维码:http://wap.home.robotedu.org"  />
</div>

© 著作权归作者所有

共有 人打赏支持
久一网络
粉丝 0
博文 34
码字总数 22404
作品 0
杭州
个人站长
Andorid 应用内悬浮控件实践方案总结

本文已授权微信公众号:鸿洋(hongyangAndroid)原创首发。 在工作中遇到一个需求,需要在整个应用的上层悬浮显示控件,目标效果如下图: 这里写图片描述 首先想到的是申请悬浮窗权限,OK~ 打...

王英豪
2017/11/16
0
0
Android桌面悬浮窗效果实现,仿360手机卫士悬浮窗效果

呜呼:现在国内的风气实在不好,技术群里充斥着广告黄图gif,发个问题出来想讨论一下,根本没人搭理,聊起游戏一大批人跳出来各种装逼。同样都是混子,混得好点的写书出视频糊弄小学生,混得...

微笑的江豚
2016/05/11
134
1
微信小程序跳一跳的游戏辅助实现

原创作者:AchillesL 若转载文章,请在明显的位置标明文章出处 0.前言 微信小程序跳一跳是个挺不错的游戏,但身为一个天生爱折腾的geek,还是忍不住挑战这游戏的上限。 效果如下动图,游戏开...

AchillesL
2017/12/31
0
0
Android应用内悬浮窗的实现方案

1、悬浮窗的基本介绍 悬浮窗,大家应该也不陌生,凌驾于应用之上的一个小弹窗,实现上很简单,就是添加一个系统级别的窗口,Android中通过WindowManagerService( WMS)来管理所有的窗口,对...

C6C
2017/08/01
0
0
开源代码要慎用,容易中毒

开源代码要慎用,容易中毒:记划词模块重构感受 本文原创,转载请以链接形式注明地址:http://kymjs.com/code/2016/08/13/01 先说感受再看看我是怎么中毒以及怎么解毒的。 何为中毒,并不是说...

kymjs张涛
2016/08/15
220
0
Android 来电信息--CallerInfo

一个获取来电归属地和其他信息(如推销、诈骗)的安卓应用。 功能 查询来电号码并显示悬浮窗,显示位置和其他号码信息。 主界面显示最近来电列表。 在主界面可以查询电话号码信息。 在设置界面...

xdtianyu
2016/02/24
404
0
关于Echarts,点击节点或连线获取位置。

@Kener-林峰 ,你好,请教一下,我想通过点击节点或连线,获取鼠标位置,并给它一个div悬浮窗,并设置悬浮窗延迟,应该如何做到。

BoomChild
2015/06/04
109
0
咦,我的屏幕脏了——Android悬浮窗初探

作者:不洗碗工作室 - lszr 文章出处:Android声音相关总结 版权归作者所有,转载请注明出处 很多时候,你会想在你的屏幕上加些东西, 比如一个ingress游戏的画图工具,或者在小窗播放视频的同...

不洗碗工作室
04/23
0
0
多皮肤皮肤悬浮QQ在线客服jQuery插件

该悬浮QQ在线客服插件一款很实用的功能,基本每个企业网站都需要,能及时解决网站访客的提问,转化成企业的客户 。 提供6种不同颜色的皮肤以及2个完全不同风格的皮肤给用户选择。解决了之前第...

方雨_Yu
2014/05/12
1K
0
2016-01-19-Android无需权限显示悬浮窗-兼谈逆向分析app

2016-01-19-Android无需权限显示悬浮窗-兼谈逆向分析app IT驿站2016-01-19407 阅读 权限Androidandroid title: 'Android无需权限显示悬浮窗, 兼谈逆向分析app' date: 2016-01-19 11:29:46 ta...

IT驿站
2016/01/19
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Application Express安装

Application Express安装文档 数据库选择和安装 数据库选择 Oracle建议直接12.2.0.1.0及以上的版本,12.1存在20618595bug(具体可参见官方文档) Oracle 12c 中安装oracle application expr...

youfen
10分钟前
0
0
OpenMessaging概览

序 本文主要研究一下OpenMessaging 架构图 namespace,类似cgroup的namespace,用来进行安全隔离,每个namespace有自己的producer、consumer、topic、queue等 producer,消息生产者有两类,一...

go4it
14分钟前
0
0
MySQL索引类型

MySQL目前主要有以下几种索引类型: 1.普通索引 2.唯一索引 3.主键索引 4.组合索引 5.全文索引 https://www.cnblogs.com/luyucheng/p/6289714.html...

灯下草虫鸣_
15分钟前
0
0
spring boot2.x设置quartz对一个job顺序执行

背景 使用quartz时,如果一个job的是1分钟,但是执行却要2分钟,quartz默认的是不会等job执行结束后,再执行下一次job,默认是会再开启一个线程执行该次job,这就可能导致一些重复执行的BUG...

EasyProgramming
20分钟前
0
0
iOS定向阴影的探讨

view.layer.shadowColor = [UIColor blackColor].CGColor; view.layer.shadowOpacity = 0.8f; view.layer.shadowRadius = 4.f; view.layer.shadowOffset = CGSizeMake(0,0); ......

RainOrz
32分钟前
0
0
oracle使用jdbc报错Locale not recognized解决方法

在开启数据库连接之前和之后添加时区参数:

源哥L
36分钟前
0
0
django2.0正则表达

re_path("userdetail-(?P<nid>\d+)/",views.user_detail), 解析时用re_path 否则出现not find page

南桥北木
39分钟前
0
0
Mac 安装jd-gui

安装brew 命令行输入 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)" 回车 安装jd-gui brew cask install jd-gui......

张欢19933
46分钟前
0
0
占坑

00000000000000000000000000000000000000000000000

钟元OSS
46分钟前
0
0
编程学习读书笔记之jQuery函数应用学习心得(图)

编程学习读书笔记之jQuery函数应用学习心得(图) jQuery.extend() 函数 用于将一个或多个对象的内容合并到目标对象。 1.当提供两个或多个对象给.extend(),对象的所有属性都添加到目标对象(...

原创小博客
48分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部