Home > Article > Web Front-end > js realizes that the scroll bar position remains unchanged when the page is refreshed
js realizes that the scroll bar position remains unchanged when the page is refreshed
- 高洛峰Original
- 2016-12-05 09:53:181166browse
I have been troubled by this problem for a long time today. I tried all the examples on the Internet but to no avail. Later I found out that the reason is that there is no div in the outermost layer of the content
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="SpotChkDetail.aspx.cs" Inherits="Topevery.DUM.Web.Observer.SpotChkDetail" %>
<script runat="server">
protected override bool HeaderScriptFilter(Topevery.Framework.Web.Configuration.Script val)
{
switch (val.Key)
{
case "ajaxpro2.prototype":
case "ajaxpro2.core":
case "ajaxpro2.converter":
case "ajaxpro2.onloading":
case "ajaxpro2.assembly.AjaxFunction":
case "my97":
case "image":
case "jquery.pagination":
case "jquery.jqGrid.locale":
case "jquery.jqGrid":
case "jquery-load-image":
case "jquery.validationEngine":
case "jquery.validationEngine-zh":
case "WeiBo":
case "jquery.mousewheel":
case "jquery.iviewer":
case "jquery.gallery.singer":
return true;
default:
return base.HeaderScriptFilter(val);
}
}
protected override bool HeaderStyleFilter(Topevery.Framework.Web.Configuration.Style val)
{
switch (val.Key)
{
case "jqgrid":
case "jqgrid-grey":
case "validationEngine":
return true;
default:
return base.HeaderStyleFilter(val);
}
}
</script>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body id="bbdy">
<form id="form1" runat="server">
<div>
<div class="TUI-layout-north">
<div class="TUI-title">
<span class="TUI-ico ico-note"></span><strong>抽查</strong>
</div>
<div class="" style="float: right; margin-top: -30px; z-index: 99999; position: relative;">
<object id="WebBrowser" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height="0" width="0">
</object>
<input type="button" class="TUI-button" value="打 印" onclick="document.all.WebBrowser.ExecWB(6, 1)" id="Button2" />
<input type="button" class="TUI-button" value="打印预览" onclick="document.all.WebBrowser.ExecWB(7, 1)" />
</div>
<div class="TUI-alert">
<span class="ml10px">抽查时间：<asp:Label ID="lbBeginDate" runat="server" Text="Label"></asp:Label>
失效时间：<asp:Label ID="lbEndDate" runat="server" Text="Label"></asp:Label>
消息内容：<asp:Label ID="lbContent" runat="server" Text="Label"></asp:Label></span>
<div style="display: none">
<asp:Button ID="btnRef" runat="server" OnClick="btnRef_Click" Text="刷新" />
</div>
</div>
</div>
<div class="TUI-layout-center">
<div class="TUI-content TUI-h100 TUI-of-auto TUI-align-center">
<asp:Repeater ID="Repeater1" runat="server" OnItemDataBound="Repeater1_ItemDataBound">
<%--OnItemCommand="Repeater1_ItemCommand"--%>
<HeaderTemplate>
<table class="TUI-grid-list w100" id="observers">
<tr>
<th style="width: 150px">巡查员头像
</th>
<th style="width: 80px">姓 名
</th>
<th style="width: 120px">是否超时
</th>
<%--<th style="width: 110px">城管通号码
</th>
<th style="width: 110px">城管通版本
</th>--%>
<th style="width: 100px">消息状态
</th>
<th style="width: 100px">审核状态
</th>
<th style="width:150px">审核
</th>
</tr>
</HeaderTemplate>
<ItemTemplate>
<tr class="people_title_td">
<td rowspan="2" valign="middle" style="width: 110px">
<img id="img_observer_poto" runat="server" height="135" style="border: 1px solid #bababa;" width="100" />
</td>
<td style="width: 60px">
<%# Eval("c_name")%>
<asp:HiddenField ID="hfObId" runat="server" Value='<%# Eval("c_ob_id") %>' />
<asp:HiddenField ID="hfId" runat="server" Value='<%# Eval("c_id") %>' />
</td>
<td style="width: 100px">
<%# Eval("c_is_over_time")%>
</td>
<%--<td style="width: 110px">
<%# Eval("c_pda_number")%>
</td>
<td style="width: 110px">
<%# Eval("c_pda_version")%>
</td>--%>
<td style="width: 90px">
<%# Eval("notify_state")%>
</td>
<td style="width: 90px">
<%# Eval("eligible_state")%>
</td>
<td style="width:150px;">
<div style="display:<%# Eval("c_is_eligible").ToString() !="0"?"none":"" %>">
<%--<asp:LinkButton ID="LinkButton1" runat="server" CommandName="lnk_poto" CommandArgument='<%# Eval("c_id") %>'>重摄</asp:LinkButton>
<asp:LinkButton ID="LinkButton2" runat="server" CommandName="lnk_ok" CommandArgument='<%# Eval("c_id") %>'>合格</asp:LinkButton>
<asp:LinkButton ID="LinkButton3" runat="server" CommandName="lnk_no" CommandArgument='<%# Eval("c_id") %>'>不合格</asp:LinkButton>--%>
<a href='#' onclick='review(<%# Eval("c_id") %>,0,"重摄")' class='TUI-toolbar-btn'><span></span>重摄</a>
<a href='#' id="qualified" onclick='review(<%# Eval("c_id") %>,1,"合格")' class='TUI-toolbar-btn'><span></span>合格</a>
<a href='#' id="Unqualified" onclick='review(<%# Eval("c_id") %>,2,"不合格")' class='TUI-toolbar-btn'><span></span>不合格</a>
</div>
</td>
</tr>
<tr class="alt_tr2">
<td colspan="5" style="height: 160px; text-align: left">
<table class="choucha-table">
<tr>
<asp:Repeater ID="rptImg" runat="server">
<ItemTemplate>
<td>
<div class="div_img TUI-notelist-container TUI-gallery choucha-img">
<div id='imge'+'<%#Eval("FileId") %>'>
<div class="TUI-gallery-content TUI-gallery-img">
<a title='点击放大' href="javascript:void(0)"
sourceSrc='<%#Eval("Imageurl") %>' largeSrc='<%#Eval("Imageurl") %>'><img src='<%#Eval("Imagethumbil") %>' /><span><%#Eval("Summary") %></span></a>
</div>
</div>
</div>
</td>
</ItemTemplate>
</asp:Repeater>
</tr>
</table>
</td>
</tr>
</ItemTemplate>
<FooterTemplate>
</table>
</FooterTemplate>
</asp:Repeater>
<input type="hidden" id="hdnvalue" runat="server" value="0" /><!----存放scorllTop值-->
</div>
</div>
</div>
<script type="text/javascript">
$(document).ready(function () {
TUILayout("form");
//LoadImage();
$(".div_img").gallery({
gallerySize: { width: 90, height: 120 },
fullView: "true" //ture为允许点击图像全屏浏览
});
});
function LoadImage() {
var jq_o_list = $("#observers div[@ref_id]");
for (var i = 0 ; i < jq_o_list.length; i++) {
load_to(jq_o_list[i]);
}
}
function load_to(obj) {
var jq_o = $(obj);
Topevery.DUM.Web.AjaxFunction.GetEvtDefault(jq_o.attr("ref_id"), function (ajaxResult) {
var val = ajaxResult.value;
jq_o.empty();
jq_o.append(val.Html);
});
}
//$("#div_evt_img").gallery({
// images: evt_img_list,
// thumbSize: { width: 65, height: 60 },//缩略图大小
// gallerySize: { width: 380, height: 280 },//画廊图（中间大图）大小
// thumbDisplayNum: 4,//缩略图显示数量
// scalingSize: { width: 360, height: 260 },//画廊图（中间大图）自动比例缩放最大大小
// fullView: "true" //ture为允许点击图像全屏浏览
//});
function Reminder() {
NotSelectEvt("已经再次发送消息通知巡查员！");
}
function review(id, type, content) {
if (confirmL("确认" + content + "吗？", function () {
Topevery.DUM.Web.AjaxFunction.ReviewImg(id, type);
$("#btnRef").click();
})) {
}
}
</script>
</form>
</body>
</html>
<script type="text/javascript">
window.onbeforeunload = function () {
var scrollPos;
if (typeof window.pageYOffset != 'undefined') {
scrollPos = window.pageYOffset;
}
else if (typeof document.compatMode != 'undefined' &&
document.compatMode != 'BackCompat') {
scrollPos = document.documentElement.scrollTop;
}
else if (typeof document.body != 'undefined') {
scrollPos = document.body.scrollTop;
}
document.cookie = "scrollTop=" + scrollPos; //存储滚动条位置到cookies中
}
window.onload = function () {
if (document.cookie.match(/scrollTop=([^;]+)(;|$)/) != null) {
var arr = document.cookie.match(/scrollTop=([^;]+)(;|$)/); //cookies中不为空，则读取滚动条位置
document.documentElement.scrollTop = parseInt(arr[1]);
document.body.scrollTop = parseInt(arr[1]);
}
}
</script>Statement：
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Previous article：Simple example of js formatting timeNext article：Simple example of js formatting time
Related articles
See more- An in-depth analysis of the Bootstrap list group component
- Detailed explanation of JavaScript function currying
- Complete example of JS password generation and strength detection (with demo source code download)
- Angularjs integrates WeChat UI (weui)
- How to quickly switch between Traditional Chinese and Simplified Chinese with JavaScript and the trick for websites to support switching between Simplified and Traditional Chinese_javascript skills