js实现跳转后滚动条位置不变,高分求助大神

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js实现跳转后滚动条位置不变,高分求助大神相关的知识,希望对你有一定的参考价值。

我现在做的网页是这样的,表单位置需要拉下滚动条才看得到,但是提交表单是提交给本页面的,提交成功后就跳到页面顶端去了,用户体验度很不好,请问js怎么实现在表单提交后还是能回到原来的位置

参考技术A 局部连接:创建锚点------------<a name="锚点名称" > 显示的内容 </a>
连接锚点------------<a href="#锚点名称" > 显示的内容 </a>
(不同网页,锚点连接;所连接页面+#锚点名)本回答被提问者采纳
参考技术B <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function sub()

document.form1.submit();
location.href="t17.html#a";


</script>
</head>

<body>
<p><a href="#a">a</a></p>
<p>a</p>
<p>a</p>
<p>a</p>
<p> </p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p> </p>
<p>a</p>
<p> </p>
<p>a</p>
<p>a</p>
<p>a</p>
<p>a</p>
<p> </p>
<p>aa</p>
<p>  </p>
<form name="form1" action="t17.html" method="post">
<input type="button" onclick="sub()" value="submit"/>

</form>
</body>
</html>
参考技术C 不用js,你是用C#吗?
在Page指令中加入MaintainScrollPositionOnPostback=”true”属性即可:<%@ Page Language="C#" MaintainScrollPositionOnPostback="true">
参考技术D 加一个锚记就行了<a name="test">提交时带着锚记

js监听两个滚动条,JavaScript、Html

在html中有两个<div>标签标签里是滚动条,我想监听其中一个标签里滚动条的滚动情况、然后实现加载。js里现在监听的是两个滚动条的滚动情况,只要发生滚动就会加载。问:怎么监听其中的一个滚动条情况。出学小白一枚,说的可能不太明白。求大神解答
我是想,可不可以,监听指定id的div标签。

尝试用一下其中的id, 不要直接用 $('div')。
你要监控第一个,用 $('div.showError').scroll(...);
监控第二个,就用 $('div.showAll').scroll(...);追问

不成啊,还有别的方法吗

参考技术A 试试这个:
var left=document.querySelector('#lefts')
left.addEventListener('scroll',function()
var h =left.scrollTop ;
console.log(h)
)

以上是关于js实现跳转后滚动条位置不变,高分求助大神的主要内容,如果未能解决你的问题,请参考以下文章

路由跳转后跳转回来保留滚动条位置

vue2.0跳转后页面滚动条BUG

解决vue-router跳转后元素内嵌滚动条自动回到顶部的问题。

js监听两个滚动条,JavaScript、Html

js设置横向滚动条

一个适用于单页应用,返回原始滚动条位置的demo