0

我用引导程序制作了一个 wordpress 主题，它使用轮播和词缀。

现在，当轮播更改幻灯片时，.affix 在此期间不起作用，当轮播完成过渡时，位置：固定的 div 再次正确显示。

你可以在这里查看： http ://hu.rundertisch.org/?page_id=106

当您滚动到底部时，左侧的导航会获得位置：固定。等到背景图像开始过渡，然后向下滚动。您会看到菜单没有随屏幕移动。转换完成后重试，您将看到不同之处。

我对具有位置的普通 div 也有此问题：已修复，例如登录时显示的 wordpress 顶部管理栏。进行转换时，它只是不会随屏幕滚动。

这是我的 application.js，包含在（和 wp_footer）标记之前，它是我在整个引导 js 文件之后包含的最后一个 js 文件：

!function ($) {

$(function(){

    var $window = $(window)

     setTimeout(function () {
        $('#af-me').affix({})
        $('#ad-box-1').affix({offset: 580})
    }, 100)

    $('#running-box, #bg-car').carousel({})

    $('#klapp').on('show', function () {
       $("html, body").animate({ scrollTop: $(document).height() }, 365);
         $('#col-switch').text("Becsukni");
    })  

    $('#klapp').on('hide',function () {
       $('#col-switch').text("Kinyitni");

    })  

    $('a').click(function(){
        $('html, body').animate({
            scrollTop: $( $(this).attr('href') ).offset().top
        }, 500);
        return false;
    });

    $('#top').on('click',function () {
       $("html, body").animate({ scrollTop: 0 }, 360);

    })  

    $(".stop-car").hover(
        function(){
            $('#running-box, #bg-car').carousel('pause');           
        },
        function() {

            $('#running-box, #bg-car').carousel('cycle');
        }
    );



})
}(window.jQuery)
4

0 回答 0