Javascript 引导navi在单击链接后滚动闪烁

我有一个固定到顶部的导航。我有一个来自Bootstrap 3的navi。在我的页面上，我有几个链接，里面有一个svg图像。通过在链接上悬停，它开始上下移动。当我点击这些链接时，我的页面会平滑地向下滚动到一个特定的位置。但当我点击这些链接后试图向下或向上滚动时，我的导航开始在chrome中闪烁。但当我用鼠标点击页面上的任何地方时，它就停止闪烁

问题是什么，或者如何在页面上的任何位置模拟鼠标单击

我试过：

$('body').click();

但现在它确实起了作用

这是我的网站：

当你点击黑色箭头并在chrome中滚动页面后，navi开始闪烁

JS滚动

//jQuery to collapse the navbar on scroll
$(window).scroll(function() {
    if ($(".navbar").offset().top > 50) {
        $(".navbar-fixed-top").addClass("top-nav-collapse");
    } else {
        $(".navbar-fixed-top").removeClass("top-nav-collapse");
    }
});

//jQuery for page scrolling feature - requires jQuery Easing plugin
$(function() {
    $('a.page-scroll').bind('click', function(event) {
        var $anchor = $(this);
        $('html, body').stop().animate({
            scrollTop: $($anchor.attr('href')).offset().top
        }, 1500, 'easeInOutExpo');
        event.preventDefault();
        setTimeout(function() {
            $('#homeSection').click();
        }, 500);
    });

});

---

好的，找到了解决办法。刚刚将以下内容添加到我的arrow:hover类：

 -webkit-perspective: 1000;
 -webkit-backface-visibility: hidden;

真的不知道，它做什么，但它的工作

---

另外，我将translateY规则的度量值从em改为px。

你能给我们提供一个工作样本吗？是的，这是一个例子。当你点击向下箭头，然后在chrome中向下滚动页面时，导航开始闪烁。这是一个有趣的问题。我看不出这个问题。因此，模拟

$（'body'）。单击（）不起作用。我知道这并不理想，因为这是一个工作环境。好吧，我发现，它的出现是因为动画是通过悬停箭头来实现的。在我从样式表中删除了这个动画之后，一切都开始工作了。