html里面用Jquery移除tr元素后,滚动条会回到顶部问题处理

最新推荐文章于 2022-08-22 10:41:03 发布
最新推荐文章于 2022-08-22 10:41:03 发布
阅读量179 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/KAI0725/p/10259499.html
版权

问题如下图,删除一行后,滚动条会自动回到顶部,即使先把滚动条禁止也还是会回到顶部

 

参考这个

https://bbs.csdn.net/topics/392233437

发现确实自己的按钮事件写在了a标签里面

 把a标签的href修改

 之前再移除tr元素(不管是remove还是hide),就不会出现问题了,

 

转载于:https://www.cnblogs.com/KAI0725/p/10259499.html

weixin_33841722
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
2020 用html jQuery实现广告轮播图自动切换 滚动页面 鼠标悬浮下标且左右切换图片
夜林的博客
11-05 1421
用html jQuery实现广告轮播图自动切换 滚动页面 运行图片 代码 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <titl
html表格固定右侧列,jQuery锁定表头和固定列插件FixedTable
weixin_36039533的博客
05-31 1013
插件描述：fixedTable是普通table的一个变体，在后台管理中我们经常使用表格，一个表格会有很多的列，并且每一列的长度还必须那么长，可能最后一列会有很多的操作按钮，这就会导致有很多的列会换行，FixedTable就是其中的解决方案之一更新时间：2020-06-0323:53:07更新内容：jQuery版本表格宽度算法优化更新时间：2017/9/30 下午11:19:40更新说明：修复aj...
使用onclick方法移除元素后总是回到顶部解决办法
爱米酱的博客
04-29 260
在方法后面加一个return flase即可解决 <i class="layui-icon" style="float: right;font-weight: bolder;cursor:pointer;" onclick="removeRule('+newId+');return false">&#x1006;</i>
滚动轮滑到顶部
bubu的博客
12-07 78
某一个按钮的onclick事件 function direTop(){ // 页面回到顶部 document.body.scrollTop=document.documentElement.scrollTop=0; };
jqGrid分页点击事件，点击分页的时候滚动条回到顶端
笑到世界都狼狈的博客
12-11 685
首先分页的点击事件如下： //点击分页 onPaging: function () { //点击分页的时候，滚动条回到顶端 $(".ui-jqgrid-bdiv").animate({scrollTop:0},1000); }, 参照地址：点击分页：https://www.w3xue.com/exp/article/201810/3205.html div滚动条回到顶部：https://www.cnblogs.com/chengkun101/p/4588092.html ...
删除页面元素，保持滚动条不变
快乐小泊的专栏
10-19 660
//删除tr function btnDel(obj) { var prevTr = $(obj).parent().parent().prev();//要删除的tr的前一行 var height = $(window).scrollTop();//前一行的滚动条位置 var tr = $(obj).parent().parent();//要删
“返回顶部”按钮的实现
热门推荐
WittyLu的博客
03-08 2万+
在很多地方，我们都会用到“返回顶部”按钮。那么这个要怎么实现呢？ 1、html代码 返回顶部 2、css代码 .back_to_top{ position: fixed; bottom:30px; right: 30px; border:1px solid #888; }3、js代码 var backButton=$('.back_to_top')
jQuery详细教程
04-25
jQuery 使用名为 noConflict() 的方法来解决该问题。 var jq=jQuery.noConflict()，帮助您使用自己的名称（比如 jq）来代替 $ 符号。 亲自试一试 结论 由于 jQuery 是为处理 HTML 事件而特别设计的，那么当您遵循...
表格奇数偶数行条纹效果（jQuery）
05-07
本教程将深入探讨如何使用jQuery 1.5版本实现这一效果，同时也会讲解如何在鼠标悬停和点击时改变行的背景色，增强交互体验。 首先，我们需要理解jQuery的核心概念。jQuery是一个轻量级的JavaScript库，它简化了HTML...
JQuery实现手风琴。还有纯html+css写的手风琴。
m0_53881313的博客
05-25 1182
手风琴效果 编写网页，设置CSS完成手风琴的结构和样式设置。 为所有图片添加鼠标移入与移出事件。 鼠标移入时，将当前元素的width设为图片的原宽，其他图片的width= (<div>的宽度 - 图片的原宽) / 剩余图片元素个数。 鼠标移出时，所有图片的width=<div>的宽度 / 所有图片的个数。
js实现返回页面顶部
liNewman的博客
06-23 177
js实现返回页面顶部 无动态效果 1、原生JS   window.scrollTo(0,0); 2、jQuery     $(window).scrollTop(0); 有动态效果   1、原生JS   function smoothscroll(){ windo...
记录elementUI el-table中遇到的bug，图片异步加载，滚动条消失
weixin_45701630的博客
08-22 2059
使用el-table中固定表头的方式，添加height属性即可，但它的滚动条数据获取后计算得出，而我的图片是通过后端接口异步下载下来的。出现问题：所有的数据可以在这个高度内显示完，是没有滚动条的，图片加载完，所有的数据就会超过这个高度，应当显示滚动条，但并没有显示。在网上查找出来的方法：删除height属性，添加height和overflow的样式。在el-table上设置相对定位，再将table的头部样式设置成sticky定位。出现问题：头部固定失效，底线将一条数据隔断。
js 重置滚动条到顶部
zona
09-01 5925
滚动条在id=content的元素上 document.getElementsById('content').scrollTop = 0;
原生JavaScript实现remove()删除和recover()恢复元素
sjp991012的博客
07-06 3160
利用原生JavaScript实现：1、remove(selectors)删除指定的一个或一组元素。2、recover(selectors)恢复刚才删除的元素。
页面回滚刷新的时候滚动条回到之前的位置
chicao7353的博客
06-12 1385
当点击“删除评论”，页面回传给服务器后，滚动条会自动回到最顶端,影响到用户体验。因此，让滚动条记住上次的位置很重要。利用AJAX可以实现这个功能，只需在Page指令中将MaintainScrollPositionOnPostback设置为true即可，默认为false。该属性也可应用到Tree...
table tr td 顶部对齐
小怪獸丶的糖的专栏
06-30 1937
<tr> <td valign="top">问题描述：</td> <td></td> </tr>
jQuery移除tr
machunmei2的专栏
09-22 7622
今天在做项目时，碰到一个问题，那就是移除掉某些tr（tr是动态添加的）。尝试了很多方法，都不见效（比如，deleteRow方法，貌似传的参数只能是tr的行数。没有仔细研究目前）。后来，发现这个方法效果不错名特此记录。           $(temp).parent().remove(); //temp为td的id      我的理解是这样的：$(temp)先获取到该td对象，然
使用nanoScrollerJS实现jQuery Mac Lion OS风格滚动条
例如，可以使用`$(".nano").nanoScroller({ scrollTop: 0 })`来使滚动条滚动到顶部。此外，还可以设置其他参数，如禁用滚动事件(`disable: true`)或重新初始化滚动条(`reset: true`)。 通过nanoScrollerJS，开发者...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值