如何解决滚动到顶部 Ajax 表单
我有以下代码在使用搜索页面功能时应该将页面滚动到顶部,但由于某种原因它不起作用。
所有 Ajax 元素(排序、返回搜索结果、过滤器等)都能正常工作,scrollTop 除外。
$(document).on('click','.js-search-filter',function (event) {
event.preventDefault();
var searchFilter = $(this).data('search-param'),searchValue = $(this).data('search-value'),linkData = {};
setValue($element.find("[name='"+searchFilter+"']"),searchValue);
linkData[searchFilter] = searchValue;
if (searchFilter == "iPage") {
$('html,body').animate({
scrollTop: $(".js-search-results").offset().top - 60},'fast'
);
}
而且我的 main.min.js 中也有这个(实际上是在前面加载的):
!(function (t) {
(t.osclassAjaxSearch = function (e,i) {
var n = {},s = this;
s.settings = {};
var o = t(e),e = e;
s.init = function () {
(s.settings = t.extend({},n,i)),o.on("submit",function (t) {
var e = c({});
return r(e),!1;
}),o.on("click","[type=submit]",function (e) {
t("#modal-search-filters").modal("hide");
}),t(document).on("click",".js-search-filter",function (e) {
e.preventDefault();
var i = t(this).data("search-param"),n = t(this).data("search-value"),s = {};
l(o.find("[name='" + i + "']"),n),(s[i] = n),"iPage" == i && t("html,body").animate({ scrollTop: t(".js-search-results").offset().top - 60 },"fast"),"sCategory" === i && getCustomFields();
var a = c(s);
r(a);
}),window.addEventListener("popstate",function (t) {
null == t.state ? window.location.replace(document.referrer) : window.location.replace(location.href);
}),o.find("input,textarea").on("input",underscore.debounce(h,250)),o.on("change","select,input[type=checkbox],input[type=radio]",100));
};
你能帮忙吗? 谢谢!
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。