Bonjour,

Ma configuration WP actuelle
- WordPress 4 :
- php4 :
- detube :
-godaddy :
- www.ozap.tv :

je suis débutante en javascript, et en wordpress.



j'ai modifié le template detube pour mettre un scroll infini et un sidebar semi fixe, les deux scripts marchent, le seul bug est que le sidebar pendant le chargement de la page, se met à gauche puis dans quelques secondes il revient à sa place
www.ozap.tv

le script en question

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
jQuery(document).ready(function($) {
    $=javascript.noConflict(); 
    $(document).scroll(function() {
        var scrollPosition = $(document).scrollTop();
        var scrollReference = 2100;
        if (scrollPosition >= scrollReference) {      
            $('#dpe_fp_widget-4').css('position', 'fixed');  
            $('#dpe_fp_widget-4').css('top', '100px');
            $('#dpe_fp_widget-4').css('left', 'initial');
            $('#dpe_fp_widget-5').css('position', 'fixed');  
            $('#dpe_fp_widget-5').css('top', '100px');
            $('#dpe_fp_widget-5').css('left', 'initial');
            $('#text-6').css('position', 'fixed');  
            $('#text-6').css('top', '550px');
            $('#text-6').css('left', 'initial');
            $('#text-7').css('position', 'fixed');  
            $('#text-7').css('top', '550px');
            $('#text-7').css('left', 'initial');
        } else {
            $('#dpe_fp_widget-4').css('position', 'absolute');  
            $('#dpe_fp_widget-4').css('top', '841px');
            $('#dpe_fp_widget-4').css('left', '0px');
            $('#dpe_fp_widget-5').css('position', 'absolute');  
            $('#dpe_fp_widget-5').css('top', '841px');
            $('#dpe_fp_widget-5').css('left', '0px');
            $('#text-6').css('position', 'absolute');  
            $('#text-6').css('top', '1291px');
            $('#text-6').css('left', '0px');
            $('#text-7').css('position', 'absolute');  
            $('#text-7').css('top', '1291px');
            $('#text-7').css('left', '0px');
        };  
    });
});

l'appel dans function.php


Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
function my_loader_jquery() {
    if( !is_admin()){
        wp_deregister_script('jquery');
        wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js', false, '');
        wp_enqueue_script('jquery');
    }
}
add_action('init', 'my_loader_jquery'); 
function theme_js() {
    wp_enqueue_script( 'sidebar-fixe', get_template_directory_uri() . '/js/sidebar-fixe.js', array() );
    wp_enqueue_script( 'infinite-scroll', get_template_directory_uri() . '/js/infinite-scroll.js', array() );
}

dans style.css

Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
#sidebar {
    width:336px;
    float:right;
}


Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
/*== Sidebar
*=================================*/
#sidebar .widget{width:300px; padding-top: 30px;}