WordPress Sticky php Seitenleiste beim Scrollen nach oben und unten

Question

Ich benutze WordPress, die eine rechte Seitenleiste hat. Ich möchte, dass es beim Scrollen rauf und runter hängt. Ich habe etwas CSS-Stil gegeben. Es ist jetzt klebrig. Aber, Problem, es verschiebt seine Position von rechts nach links.

Hier ist meine sidebar.php

<div class="sidebarsticky col-md-4"> 

<?php // Select The Widgets 

include TEMPLATEPATH . '/assets/sidebar/search.php'; 

if (is_home()) { // For Home Page 
    include ABSPATH.'/wp-content/ads/300x600_side.php'; 
    include TEMPLATEPATH . '/assets/sidebar/calendar.php'; 
    include TEMPLATEPATH . '/assets/sidebar/featured.php'; 
    include TEMPLATEPATH . '/assets/sidebar/fb.php'; 
    include ABSPATH.'/wp-content/ads/side_3rdparty.php'; 
    include TEMPLATEPATH . '/assets/sidebar/comments.php'; 
    include TEMPLATEPATH . '/assets/sidebar/newsletter.php'; 
    include TEMPLATEPATH . '/assets/sidebar/popular.php'; 

} elseif (is_single()) { // For Single Page 
    include ABSPATH.'/wp-content/ads/300x600_side.php'; 
    include TEMPLATEPATH . '/assets/sidebar/latest.php'; 
    include TEMPLATEPATH . '/assets/sidebar/fb.php'; 
    include ABSPATH.'/wp-content/ads/side_3rdparty.php'; 
    include TEMPLATEPATH . '/assets/sidebar/popular.php'; 
    include TEMPLATEPATH . '/assets/sidebar/featured.php'; 
    include TEMPLATEPATH . '/assets/sidebar/newsletter.php'; 

} elseif (is_category()) { // For Category Page 
    include ABSPATH.'/wp-content/ads/300x600_side.php'; 
    include TEMPLATEPATH . '/assets/sidebar/latest.php'; 
    include TEMPLATEPATH . '/assets/sidebar/fb.php'; 
    include ABSPATH.'/wp-content/ads/side_3rdparty.php'; 
    include TEMPLATEPATH . '/assets/sidebar/featured.php'; 
    include TEMPLATEPATH . '/assets/sidebar/newsletter.php'; 

} elseif (is_tag()) { // For Tag Page 
    include ABSPATH.'/wp-content/ads/300x600_side.php'; 
    include TEMPLATEPATH . '/assets/sidebar/latest.php'; 
    include TEMPLATEPATH . '/assets/sidebar/fb.php'; 
    include ABSPATH.'/wp-content/ads/side_3rdparty.php'; 
    include TEMPLATEPATH . '/assets/sidebar/featured.php'; 
    include TEMPLATEPATH . '/assets/sidebar/newsletter.php'; 

} elseif (is_archive()) { // For Archive Page 
    include TEMPLATEPATH . '/assets/sidebar/calendar.php'; 
    include ABSPATH.'/wp-content/ads/300x600_side.php'; 
    include TEMPLATEPATH . '/assets/sidebar/latest.php'; 
    include TEMPLATEPATH . '/assets/sidebar/fb.php'; 
    include TEMPLATEPATH . '/assets/sidebar/popular.php'; 
    include TEMPLATEPATH . '/assets/sidebar/featured.php'; 
    include ABSPATH.'/wp-content/ads/side_3rdparty.php'; 
    include TEMPLATEPATH . '/assets/sidebar/newsletter.php'; 

} elseif (is_page('gsearch')) { // For Search Page 
    include ABSPATH.'/wp-content/ads/300x600_side.php'; 
    include TEMPLATEPATH . '/assets/sidebar/latest.php'; 
    include ABSPATH.'/wp-content/ads/side_3rdparty.php'; 
    include TEMPLATEPATH . '/assets/sidebar/newsletter.php'; 

} else { // All The Other Pages 
    include ABSPATH.'/wp-content/ads/300x600_side.php'; 
    include TEMPLATEPATH . '/assets/sidebar/calendar.php'; 
    include TEMPLATEPATH . '/assets/sidebar/latest.php'; 
    include TEMPLATEPATH . '/assets/sidebar/fb.php'; 
    include ABSPATH.'/wp-content/ads/side_3rdparty.php'; 
    include TEMPLATEPATH . '/assets/sidebar/comments.php'; 
    include TEMPLATEPATH . '/assets/sidebar/newsletter.php'; 
} 

// include TEMPLATEPATH . '/assets/sidebar/tabs.php'; 
?> 
</div> 

CSS Stil, die ich verwendet habe: -

.sidebarsticky { 
    position: fixed; 
    left: 0; 
    top: 0; 
    bottom: 0; 
    overflow: auto; 
} 

Answer 1

Wenn Sie es auf der rechten Seite kleben wollen, ändern Sie Ihren Stil.

.sidebarsticky { 
    position: fixed; 
    right: 0; 
    top: 0; 
    bottom: 0; 
    overflow: auto; 
} 

left:0 wird Sidebar zwingen links eher dann mit der rechten Seite des Bildschirms zu sein. right:0 wird Ihnen helfen.