ワードプレススティッキーphpのサイドバーを上下にスクロールしながら

Question

私は右サイドバーを持つワードプレスを使用しています。私は上下にスクロールしながらそれを粘着性にしたい。私はいくつかのCSSスタイルを与えました。今はこっそりです。しかし、それは右から左へのポジションをシフトさせている問題です。

は、ここで私が使用しているというのが私の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スタイルである： -

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

Answer 1

あなたはそれが、右側に固執するあなたのスタイルを変更したい場合。

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

left:0なく、左にあるように、画面の右側のサイドバーを強制します。 right:0がお手伝いします。