在我的网站上,我有4个简介,点击它们时会向下滚动到它们的内容。目前,滚动并未将内容带到页面顶部,只是将其带入视图"。
如何让它滚动到内容并使内容成为页面的顶部?
的Javascript
! function(a) {
var b = 1;
a(".et_pb_blurb").attr("tabindex", b++)
}(jQuery), jQuery.fn.scrollView = function() {
return this.each(function() {
jQuery("html, body").animate({
scrollTop: jQuery(this).offset().top
}, {
duration: 300,
queue: !1
})
})
}, jQuery(document).ready(function() {
function a(a, b) {
for (var c = 0; c < a.length; c++) b(a[c], c)
}
function b() {
jQuery(document).ready(function() {
var a = document.createAttribute("data-about"),
b = document.createAttribute("data-about"),
c = document.createAttribute("data-about"),
d = document.createAttribute("data-about"),
e = document.getElementById("bphotographer");
a.value = "sphotographer", e.setAttributeNode(a);
var f = document.getElementById("bclient");
b.value = "sclient", f.setAttributeNode(b);
var g = document.getElementById("bshoot");
c.value = "sshoot", g.setAttributeNode(c);
var h = document.getElementById("bproduct");
d.value = "sproduct", h.setAttributeNode(d)
})
}
function c() {
var b = document.getElementsByClassName("tabimg");
a(b, function(b) {
var c = b.getAttribute("data-about");
b.addEventListener("click", function(d) {
a(document.getElementsByClassName("tabcontent"), function(a) {
a.style.display = "none"
}), a(document.getElementsByClassName("tabimg"), function(a) {
a.className = a.className.replace(" active", "")
});
var e = document.getElementById(c);
e.style.display = "block", b.className += " active"
})
})
}
a(document.getElementsByClassName("blurbtabs"), function(a) {
a.style.display = "none"
}), jQuery(".blurbclick").click(function() {
jQuery(".blurbtabs").hide(), jQuery("#" + jQuery(this).attr("data-about")).show(), jQuery(".blurbclick").scrollView()
}), jQuery(".tabimg").click(function() {
jQuery(".tabcontent").hide(), jQuery("#" + jQuery(this).attr("data-about")).show(), jQuery(".tabimg").scrollView()
}), c(), b()
});
我查看并尝试了here的一些解决方案:
由于我的id是在javascript中创建的,因此ddin不能改变CSS中的位置。一些建议使用scollTo
。我应该用ScrollTo替换ScrollView吗?我找不到任何关于使用ScrollView()
来确定所需参数的指南。
任何帮助将不胜感激。非常感谢你