Heim >Web-Frontend >js-Tutorial >js erkennt, dass die Position der Bildlaufleiste beim Aktualisieren der Seite unverändert bleibt
js erkennt, dass die Position der Bildlaufleiste beim Aktualisieren der Seite unverändert bleibt
- 高洛峰Original
- 2016-12-05 09:53:181195Durchsuche
Dieses Problem beschäftigt mich heute schon lange und habe die Beispiele im Internet vergeblich ausprobiert. Später fand ich heraus, dass der Grund darin liegt, dass es in der äußersten Ebene des Inhalts kein Div gibt
<%@ 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>Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：Einfaches Beispiel für die JS-FormatierungszeitNächster Artikel：Einfaches Beispiel für die JS-Formatierungszeit
In Verbindung stehende Artikel
Mehr sehen- Eine eingehende Analyse der Bootstrap-Listengruppenkomponente
- Detaillierte Erläuterung des JavaScript-Funktions-Curryings
- Vollständiges Beispiel für die Generierung von JS-Passwörtern und die Erkennung der Stärke (mit Download des Demo-Quellcodes)
- Angularjs integriert WeChat UI (weui)
- Wie man mit JavaScript schnell zwischen traditionellem Chinesisch und vereinfachtem Chinesisch wechselt und wie Websites den Wechsel zwischen vereinfachtem und traditionellem Chinesisch unterstützen – Javascript-Kenntnisse