<script type="text/javascript">
function pageLoad() {
var $scrollingDiv = $("#scrollfix");
$(window).scroll(function () {
if ($(window).scrollTop() == $(document).height() - $(window).height()) {
__doPostBack('<%= GetMoreResults.UniqueID %>', '');
}
$scrollingDiv
.stop()
.animate({ "marginTop": ($(window).scrollTop()) + -60 + "px" }, "slow");
});
}
</script>
该代码根本不执行,我使用pageLoad函数的原因是因为updatepanel部分回发后jquery代码无法执行。
但是,在使用了此代码之后,即使在首页启动时,上面的代码也无法正常工作。
但是,用于页面加载的代码在下面,但jQuery部分在回发后已停止工作:
$(document).ready(function () {
$().ready(function () {
var $scrollingDiv = $("#scrollfix");
$(window).scroll(function () {
if ($(window).scrollTop() == $(document).height() - $(window).height()) {
__doPostBack('<%= GetMoreResults.UniqueID %>', '');
}
$scrollingDiv
.stop()
.animate({ "marginTop": ($(window).scrollTop()) + -60 + "px" }, "slow");
});
});
});
解决方案?非常感谢。
更新#2
这是我当前的代码:
它在页面第一次加载时起作用,但在__doPostBack的部分回发触发器之后才起作用。
<script type="text/javascript">
window.load = pageLoad();
function pageLoad() {
var $scrollingDiv = $("#scrollfix");
$(window).scroll(function () {
if ($(window).scrollTop() == $(document).height() - $(window).height()) {
__doPostBack('<%= GetMoreResults.UniqueID %>', '');
}
$scrollingDiv
.stop()
.animate({ "marginTop": eval($(window).scrollTop()) + -60 + "px" }, "slow");
});
}
</script>
更新#3
我应该提到,该页面不是从Page继承的,我已经创建了一个自定义页面类,称为BasePage:Page。
也许出于某些原因导致pageLoad()无法触发?
最佳答案
尝试将.bind()与pageLoad
一起使用:
pageLoad:
每次部分回发后也称为它。基本功能
作为Application.Init和
PageRequestManager.EndRequest。
function pageLoad() {
var $scrollingDiv = $("#scrollfix");
$(window).bind('scroll', function() {
if ($(window).scrollTop() == $(document).height() - $(window).height()) {
__doPostBack('<%= GetMoreResults.UniqueID %>', '');
}
$scrollingDiv
.stop()
.animate({ "marginTop": ($(window).scrollTop()) + -60 + "px" }, "slow");
});
}
$(document).ready() and pageLoad() are not the same!