小编Com*_*rea的帖子

滚动到具有固定标题的锚点,隐藏在标题后面的内容,边距和顶部填充不起作用

我正在使用smoothscroll.js来浏览我的网站.它停留在Firefox中的正确锚点上,但是在Chrome中它会在第一次点击链接时传递该点,并将内容推送到顶部,将内容隐藏在页面后面.然后,如果再次单击它,它会正确对齐.我也看到了其他网站上的问题.很想知道其他人是否有同样的问题.Chrome似乎忽略了任何顶部填充或边距或定位(例如:top:20%;).

javascript anchor scroll header fixed

8
推荐指数
2
解决办法
1万
查看次数

CSS虚线边框在Chrome中呈现为虚线

我申请了"border-bottom:#F60 dotted .3em;" 对于div,当Firefox将点渲染为圆形时,Chrome会将它们显示为块状破折号.任何接受者?

google-chrome

5
推荐指数
1
解决办法
8574
查看次数

jQuery如果hasclass然后函数

这是一个动画,只有当div rip_tab具有类'rip_tab_ripped'时才会触发,该类在单击div后应用.但是,即使在切换rip_tab_ripped类之前,动画也会触发.每个函数都单独工作,没有if子句.任何帮助,将不胜感激 -

var sauceSquirt = {
    init: function() {

        $("#rip_tab").click(function() {
            $(this).toggleClass("rip_tab_ripped");
        });



        function fireA() {
            $("#sauceRed").switchClass("sauce_hide", "sauceRedGo", 500)
        }

        function fireB() {
            $("#sauceBlue").switchClass("sauce_hide", "sauceBlueGo", 500)
        }

        if ($('#rip_tab').hasClass("rip_tab_ripped")) {


            $('#packet').click(function() {

                var events = [fireA, fireB];

                //declare counter
                if (!this.counter) {
                    this.counter = 0;
                }

                events[this.counter]();
                this.counter = (this.counter + 1) % 3;
            });



        }

    }

}

$(document).ready(function() {
    sauceSquirt.init();

});?
Run Code Online (Sandbox Code Playgroud)

jquery if-statement class function

2
推荐指数
1
解决办法
3万
查看次数