首页 > 其他分享 >直播系统源代码,js控制滚动条位置

直播系统源代码,js控制滚动条位置

时间:2023-05-26 14:12:12浏览次数:59  
标签:para dom js 滚动条 ._ 源代码

直播系统源代码,js控制滚动条位置

 

 private renderData = () => {
 /* 图形渲染方法 */
        this.renderCanvas();
        /* 定位滚动条,要在图形渲染之后定位 */
        const dom = document.getElementById(this._para.container)
        dom!.style.overflow = "scroll"
        dom!.scrollTop = this._para.data.canvas.center.y
        dom!.scrollLeft = this._para.data.canvas.width / 2 - this._para.data.canvas.center._width / 2
}
 

设置元素滚动:

 


元素.style.overflow = "scroll"
 

 

设置滚动条位置:

 


元素.scrollTop=数值
元素.scrollLeft=数值

 

 以上就是 直播系统源代码,js控制滚动条位置,更多内容欢迎关注之后的文章

 

标签:para,dom,js,滚动条,._,源代码
From: https://www.cnblogs.com/yunbaomengnan/p/17434564.html

相关文章

  • js百度地图计算两经纬度坐标点的距离
    百度地图提供现成的方法,直接调用就可以了Map类getDistance(start:Point,end:Point)Number返回两点之间的距离,单位是米。(自1.1新增)varmap=newBMap.Map("container");varpoint1=newBMap.Point(lng1,lat1);varpoint2=newBMap.Point(lng2,lat2);vardistanc......
  • js调用摄像头拍照及扫描二维码
    注:js调用摄像头需要localhost域或者https,否则会报无权限一引用jsGithub:https://github.com/mebjas/html5-qrcode<scriptsrc="html5-qrcode.min.js?v=2"></script>二html页面<!DOCTYPEhtml><html><head><title>Instascan</titl......
  • 主流源代码管理工具—GitHub
    l Github是什么?首先,GitHub是一个面向开源及私有软件项目的托管平台,该平台于2008年4月10日正式上线,除了Git代码仓库托管及基本的Web管理界面以外,还提供了订阅、讨论组、文本渲染、在线文件编辑器、协作图谱(报表)、代码片段分享(Gist)等功能。目前,其注册用户已经超过350万,托......
  • C#与Node JS互相实现DES加密解密
    具体的加密算法可以可自行查询其区别,这里只是抛砖引玉,大部分加密方法基本都能通过改变传入参数来实现。C#相关类文档: System.Security.Cryptography命名空间|MicrosoftLearnNodeJS相关文档:Crypto|Node.jsv16.20.0Documentation(nodejs.org) C#加密函数:1using......
  • JS逆向实战14——猿人学第二题动态cookie
    声明本文章中所有内容仅供学习交流,抓包内容、敏感网址、数据接口均已做脱敏处理,严禁用于商业用途和非法用途,否则由此产生的一切后果均与作者无关,若有侵权,请联系我立即删除!目标网站https://match.yuanrenxue.cn/match/2网站分析首先已经告诉了我们这个网站是动态cookie,所以......
  • js获取抖音视频信息配合服务器自动下载
    引入axios方便发送请求解析当前页面获取视频信息把数据发送到服务器注意端口号,1024以上浏览器可能会拦截,认为不安全重复发送,防止连续重复发送,手动清除定时器点击查看代码//导入axios.posletscript=document.createElement('script');script.src="https://unpkg.......
  • js对象遍历和拷贝
    letobj={name:'user1',age:12,gender:'man'}for(letattrinobj){console.log(attr,obj[attr])}constkeys=Object.keys(obj)constvalues=Object.values(obj)console.log(Object.keys(obj))console.log(Object.values(obj))   letobj......
  • 解决npm npm does not support Node.js
    原因:node.js和npm版本不对应参考官网版本对应(https://nodejs.org/zh-cn/download/releases/),下载对应的node.js版本和更新npm版本npmupdate常用命令使用 npm-check检查更新npminstall-gnpm-checknpm-check2.npm-upgrade更新......
  • js数据解构
    1、变量比值多可以设置变量默认值 解构let[a,b,c,d='aaa']=[12,34,24]2、变量比值少可以用剩余参数解构let[a,...b]=[11,22,44,55]//a11b[22,44,55]3、按需赋值let[a,,b]=[5,6,9]4、数组嵌套解构let[a,b,arr]=[1,2,[5,8,9]]let[a,b,[c,d,e]]=[1,2,[5,8,9]]5、......
  • Nodejs 应用编译构建提速建议
    编译构建的整体过程拉取编译镜像拉取缓存镜像拉取项目源码挂载缓存目录执行编译命令(用户自定义)持久化缓存上传编译镜像为什么在本地构建就快,但编译机上很慢在编辑机上每次的构建环境都是全新的,完成一次构建比本地需要多一些步骤:现成的全局包缓......