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标签。
你要监控第一个,用 $('div.showError').scroll(...);
监控第二个,就用 $('div.showAll').scroll(...);追问
不成啊,还有别的方法吗
参考技术A 试试这个:var left=document.querySelector('#lefts')
left.addEventListener('scroll',function()
var h =left.scrollTop ;
console.log(h)
)
以上是关于js实现跳转后滚动条位置不变,高分求助大神的主要内容,如果未能解决你的问题,请参考以下文章