首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

scrollIntoView()方法导致整个页面产生偏移

问题描述 今天在做页面UI改版时候发现,我之前使用是dom.scrollIntoView(); 使得点击右侧题目编号时候,让左侧题目滚动到页面可视区域。...,当点击题目编号时候,除了题目会滚动到可视区域,整个页面也会稍稍往上滚动,导致页面错位。...如下图所示,当我点击第9题时候,左侧第9题移动到视口中,但是整个页面包括导航栏都往上移动了,且无法在移回来,整个页面是没有滚动条。 ?...问题分析 这个时候唯一可能就是scrollIntoView()函数引起问题。 我之前怀疑是不是该函数给整个页面加了transform 属性导致整个页面往上偏移,通过查看css,发现没有。...(简单来说就是元素相对父元素上边距离) 这段代码好理解,就是当前需要显示元素距离父元素顶部距离,也就是滚动条滚动高度。

4.1K40
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Node出错导致运行崩溃解决方案

    事实上NodeJS里程确实有“脆弱”一面,单线程某处产生了“未处理”异常确实会导致整个Node.JS崩溃退出,来看个例子, 这里有一个node-error.js文件:  var http...,他们都是回调函数,而回调函数中是唯一会让Node在运行时崩溃地方。...守护NodeJS进程和记录错误日志 现 在已经基本上解决了Node.JS因异常而崩溃问题,不过任何平台都不是100%可靠,还有一些错误是从Node底层抛出,有些异常 try/catch和uncaughtException...之前在运行ourjs时侯,会偶尔碰到底层抛出文件流读取异常,这就是一个底层 libuvBUG,node.js在0.10.21中进行了修复。 ...如在debian中放置 ourjs 开机启动文件: /etc/init.d/ourjs 这个文件非常简单,只有启动选项,守护核心功能是由一个无限循环 while true; 来实现,为了防止过于密集错误阻塞进程

    4.9K160

    导致服务器崩溃原因有哪些

    1、访问峰值或请求超过服务器承受力企业平时租用和托管服务器是有峰值承受限制,一旦超过了该承受能力,就会导致服务器瘫痪,网站访问不了。...而出现这样直接原因就是在一段时间内,网站访问量巨大,已经超出了服务器承受能力。这样例子比比皆是,以前春运期间,12306网站就频繁出现崩溃,因为那段时间网购火车票的人很多。...2、磁盘已满导致系统无法正常运行最可能原因是磁盘已满。一个好网络管理员会密切关注磁盘使用情况,隔一定时间,就需要将磁盘上一些负载转存到备份存储介质中(例如磁带)。...日志文件会很快用光所有的磁盘空间。Web服务器日志文件、SQL*Net日志文件、 JDBC日志文件,以及应用程序服务器日志文件均与内存泄漏有同等危害。...如果有一种负载分布机制可以检测到服务器没有响应,则该服务器上负载就可以分布到其 它Web服务器上,这可能会致使这些服务器一个接一个地用光所有的线程。这样一来,整个服务器组都会被挂起。

    2.9K30

    document.activeElement 过滤选择文件弹窗导致页面失焦

    在线考试页面,常常需要检测用户是否作弊。...一般是监听页面是否失焦方式,而失焦方式有很多种,比如QQ弹窗,切换页面,切换程序,input文件上传选择文件等 选择文件是正常情况,这种情况下需要过滤 本文很简单,其实就是 document.activeElement... 使用,获取当前页面焦点元素 鼠标点击或Tab切换时都可以触发获取 一般是表单input、textarea、select等,此外就是body项 <input type="text"...过滤了文件选择导致弹窗,这个属性支持度还是可以 ? 不过,用JS检测是否为QQ弹窗,目前来说还是行不通,只好提示用户在考试之前关闭相关可能会弹窗应用

    1.6K20

    Ajax出错并返回整个页面html问题

    有这样一个例子在thinkPHP视图页面执行一个给评论点赞功能,为了强化用户体验,一般都采用ajax异步请求后台处理点赞数据,成功后页面执行局部更新后数据即可。...前台通常会用到jquery,通过执行jqueryajax方法更加简单方便完成任务请求。 简单描述下问题出现场景 tinkPHP在应用路由后视图页面执行ajax,并没有正常放回数据。...ID丢到模型(模型代码就不贴了)去处理后拿到新增后点赞数返回给前台。...前台(前述代码)通过.html重写了新数据。 发现问题根源出自路由 为了排错,当时就把ajax改成了a链接直接提交。返回结果一切正常,也就是说后台控制器和模型均正常,没有错误。...为了找出问题出现原因,就比较了下网站前后台差异。唯一明显就是前台为了用户体验动用了路由,精简了url。而后台使用iframe框架,url固定是框架页面的地址,所以当时就没有使用路由。

    2K10

    web页面请求整个过程_HTTP请求方法

    1.请求方法 HTTP/1.1 定义请求方法有8种:GET(完整请求一个资源)、POST(提交表单)、PUT(上传文件)、DELETE(删除)、PATCH、HEAD(仅请求响应首部)、OPTIONS...(返回请求资源所支持方法)、TRACE(追求一个资源请求中间所经过代理)。...POST方式大多用于页面的表单中。因为POST也能完成GET功能,因此多数人在设计表单时候一律都使用POST方式,其实这是一个误区。... 1.5 浏览器解析HTML代码,并请求HTML代码中资源 浏览器拿到HTML文件后,开始解析HTML代码,遇到静态资源时,就向服务器端去请求下载。...1.6 关闭TCP连接,浏览器对页面进行渲染呈现给用户 浏览器利用自己内部工作机制,把请求到静态资源和HTML代码进行渲染,呈现给用户。

    87720

    类内裸指针导致崩溃四种解法

    C++编程中,类内使用裸指针是极其常见也是常规用法,但是类内指针使用不当易导致崩溃。...这样,即使其中一个对象修改了内存中值,另一个对象也不会受到影响。 可采用深拷贝优化如上代码,解决崩溃问题。...在对象析构时,每个对象析构自身指向内存,不会导致崩溃。同时,由于指针指向是两块独立内存,所以执行深拷贝后,对于指针修改也是互不影响。...进一步,可以在使用裸指针时,禁止拷贝操作,便不会存在新旧对象指向同一块内存,也就不会出现因释放同一块内存导致崩溃了。...*data; } }; std::atomic ShallowCopyWithUserCount::user_count{0}; 总结 只要类内存在裸指针,如果只是用浅拷贝会极易导致崩溃

    9910

    iOS中解决后台返回null导致崩溃问题--NullSafe

    null,而在做项目过程中大多数页面是有数据,即使没有数据大多数情况下返回也不是null。...然而不怕一万,就怕万一,总会有万一情况,而这种情况还是出现在了上线之后,一旦返回null就会让App崩溃。后来和后台沟通了一下为什么会返回null,并且希望后台不要返回null。...于是上网查查是否有人也遇到过类似的问题,以及别人是怎么解决,没想到真有人也遇到过这种问题,并且有解决方法。 解决后台返回null导致崩溃问题就是在项目中导入一个分类:NullSafe。...这个分类是一个外国的哥们写,这个分类大概作用就是将发送给null对象消息发送给nil,这样就不会崩溃了。 下面的话都是网上的话,我只是重复一遍。...当我们给null发送消息时候,会发生崩溃,而给nil发送消息不回发生崩溃

    2.2K30

    导致程序崩溃一行代码,你有写过吗?

    初学编程时,可能经常遇到一些程序崩溃现象。一般来说,程序崩溃由于操作不当引起。但是有时候,因为一个程序员粗心,正式版本程序出现崩溃状况这就很不因该了。...有的网友煞有介事地声称要报警,并成功引起了警察蜀黍注意;还有网友分析认为这是暴风影音故意为之病毒营销手段。 ? 言归正传,我就遇到过因为少写了一行代码而导致ios闪退问题。...由于我没有写过ios代码,下面我截取网上找一个获取数组元素代码,不知道对不对,仅供参考。...一般程序员在写代码时候都不会忘记判断,那么你遇到过这样因为粗心导致程序崩溃问题吗?下面我们来具体看看数组下标越界问题。...通常预防数组越界导致程序运行出错方法有下面几种,可以参考一下: 检查传入参数合法性,每次操作时候都检查一遍参数 在处理时候,可以先判断数组大小,比如我上面举例子。

    1.1K20

    RAID5崩溃文件恢复

    苏州某幼儿园,服务器RAID5崩溃,几年来重要文件都在里面,老师们顿时慌了神。 之前已经有IT公司过去看过了,说是无法恢复,或者说,需要巨额费用。...我们到了之后,打开服务器是图1样子,服务器无法引导,而且内存还报错,顺便发现前置USB接口全坏。 按照提示,拔掉报错内存,服务器当然还是无法引导,提示磁盘丢失。...把这三块硬盘插到我们公司服务器上,强制上线成功,破解管理员密码,安装远程软件,让客户确认文件是否齐全。...经客户确认并且同意后,更换两块硬盘,配置为RAID1,恢复文件到新逻辑磁盘中,重新设置共享。 几天后老师发现,还是有重要文件缺失。...经分析,正是磁盘损坏时候造成,经过一晚上努力,又成功恢复了 这部分文件,得到客户认可,我们自然也很开心!

    89610

    服务器崩溃导致数据库损坏修复方法

    存储前面板10号和13号硬盘亮黄灯,存储映射到redhat上卷挂载不上,服务器业务崩溃。...在镜像过程中发现6号磁盘镜像速度很慢,结合先前对硬盘SMART状态检测时发现问题综合判断,6号盘应该存在大量损坏以及不稳定扇区,导致在windows下一般应用软件无法对其进行操作。...在dmp恢复过程中,oracle报告为imp-0008错误,联系北亚oracle工程师,通过仔细分析导入dmp文件日志文件,发现恢复dmp文件存在问题而导致dmp导入数据失败。...在根目录下创建了一个oradata文件夹,并把备份整个syntong文件夹拷贝到oradata目录下。然后更改oradata文件夹及其所有文件属组和权限。...如果服务器由于未知原因出现崩溃、无法启动等数据丢失问题,切忌非专业人士在非洁净空间内对服务器内硬盘进行拆卸、更换磁头等数据恢复操作,并且建议服务器管理员将故障硬盘进行妥善保管等待专业数据恢复工程师进行处理

    2.6K40

    解决浏览器差异导致从子页面回到父页面,父页面不刷新问题

    概述:   在做H5混合开发时候总是会遇到浏览器差异、不兼容导致同样代码,IOS和Andoird其中之一出现不可预见问题。   ...我问题也是如此,我需求是从父页面跳转子页面,子页面提交后返回父页面,并且父页面刷新。   ...AndroidChrome浏览器对这个需求就很容易支持,因为他每次页面重新显示时候,都会刷新整个页面。而IOSSafari浏览器出现了问题,Safari浏览器会读取缓存,不会重新刷新页面。...它是在页面显示时候响应,同时支持Chrome和Safari。   ...最后发现是承载HtmlIOS原生壳用了新wkWebview导致,换回以前WebView成功解决。

    2.6K20

    完美解决Parallels desktop 16会导致Big Sur系统崩溃重启问题

    背景 今日更新macos Big sur之后,parallels desktop启动更新前虚拟机,开机就直接macos崩溃重启,并且虚拟机网络无法连接 现查询到如下解决办法,已经可以正常使用。...1.从命令行形式启动parallels虚拟机,可以解决无法联网问题 #脚本如下 #!...-e "Parallels Desktop 16 联网启动脚本开始运行 by yuchao${NC}" echo "" echo -e "请输入开机密码,输入完成后按下回车键(输入过程中密码是看不见)...Desktop.app/Contents/MacOS/prl_client_app echo "" echo "" echo -e "启动成功,超哥666${NC}" 2.解决旧虚拟机,启动机器崩溃方式...改动虚拟机设置,虚拟机监控程序,改为apple,即可正常启动了 ?

    3.1K20

    使用laravel和ajax实现整个页面无刷新操作方法

    1、数据库文件 CREATE TABLE IF NOT EXISTS mr_key ( id int(11) NOT NULL PRIMARY KEY AUTO_INCREMENT COMMENT '键...NOT NULL DEFAULT '0' COMMENT '是否删除(0=不删除,1=删除)' )ENGINE=innodb DEFAULT CHARSET=utf8 COMMENT='键表'; 2、首页内容...3、使用ajax:给选择框加上change事件,触发时,到KeyController下klist方法,并传入project_id,在klist方法中进行处理,获取数据传出来,将整个页面的body内容全都改变...:判断传入project_id为0的话,就获取全部数据,不为0,则获取外键==project_idkey值,将整个页面都传出去 public function klist($project_id)...以上这篇使用laravel和ajax实现整个页面无刷新操作方法就是小编分享给大家全部内容了,希望能给大家一个参考。

    1.6K31
    领券