ScrollView滚动到顶部

时间:2017-02-17 10:59:36

标签: javascript jquery css wordpress

在我的网站上,我有4个简介,点击它们时会向下滚动到它们的内容。目前,滚动并未将内容带到页面顶部,只是将其带入视图"。

如何让它滚动到内容并使内容成为页面的顶部?

Website

的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()来确定所需参数的指南。

任何帮助将不胜感激。非常感谢你

0 个答案:

没有答案