900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > js跟随滚动条滚动浮动代码【javascript】

js跟随滚动条滚动浮动代码【javascript】

时间:2021-12-04 05:26:04

相关推荐

js跟随滚动条滚动浮动代码【javascript】

web前端|js教程

js,滚动条,滚动

web前端-js教程

驱动读写内存源码,用vscode开发h5,ubuntu 万兆驱动,运维中tomcat,爬虫兼职平均,php操作mysql封装,阿拉尔seo 网络推广代理,个人书画网站源码lzw

var str="客服";

var objFT=new FloatT("FloatMenu1",str,942,137,125,200,80,10);

objFT.FloatRun();

投稿平台 源码,ubuntu16 nat,python爬虫教学入门,php生成唯一随机数中文绿色版,做seo生意lzw

//js跟随滚动条滚动 浮动

//pObjName:html 元素ID

//pText:html 元素内容

//其它自己看

function FloatT(pObjName,pText,pstmnLEFT,pstmnGAP1,pstmnGAP2,pstmnBASE,pstmnActivateSpeed,pstmnScrollSpeed)

{

var FloatMenu;

var stmnLEFT = pstmnLEFT;

var stmnGAP1 = pstmnGAP1;

var stmnGAP2 = pstmnGAP2;

var stmnBASE = pstmnBASE;

var stmnActivateSpeed = pstmnActivateSpeed;

var stmnScrollSpeed = pstmnScrollSpeed;

微信转发赚钱源码 php,vscode 新版,ubuntu 硬盘速度,tomcat 王者,sqlite语法where,主服务器子服务器,取消对话框插件,vue 2 前端 框架,爬虫503错误,php如何做接口,楚玥seo,税务网站源码,网页 用户信息 模板,瀑布图模板,新闻发布系统静态页面,.net java 权限管理系统,winform示例程序lzw

this.FloatRun=function(pObjName)

{

var newDiv=document.createElement("div");

newDiv.id=pObjName;

newDiv.innerHTML=pText;

newDiv.style.position="absolute";

document.body.appendChild(newDiv);

FloatMenu=document.getElementById(pObjName);

FloatMenu.style.display=="";

FloatMenu.style.top = document.documentElement.scrollTop + stmnBASE+"px";

FloatMenu.style.left = stmnLEFT+"px";

RefreshStaticMenu();

}

RefreshStaticMenu=function()

{

var stmnStartPoint,stmnEndPoint,stmnRefreshTimer;

stmnStartPoint = parseInt(FloatMenu.style.top, 10);

stmnEndPoint = document.documentElement.scrollTop + stmnGAP2;

if (stmnEndPoint < stmnGAP1) stmnEndPoint = stmnGAP1; if(stmnStartPoint != stmnEndPoint)

{

stmnScrollAmount = Math.ceil(Math.abs(stmnEndPoint - stmnStartPoint) / 15 );

FloatMenu.style.top = parseInt(FloatMenu.style.top, 10) + ((stmnEndPoint<stmnStartPoint) ? -stmnScrollAmount : stmnScrollAmount)+"px";

stmnRefreshTimer = stmnScrollSpeed;

}

else

{

stmnRefreshTimer = stmnActivateSpeed;

}

setTimeout("RefreshStaticMenu();", stmnRefreshTimer);

}

}

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。