javascript - jqueryで要素を親の外に移動する方法はありますか?

Question

私の構造はこのhtmlです：

<div class="aside_listings">
     <div>
          <div>
               <!--a bunch of content-->
          </div>
     </div>
     <div class="toolbar search_options">
          <!--a bunch more content-->
     </div>
</div>

CSS

.aside_listings {
height: 483px;
width: 440px;
overflow-y: scroll;
overflow-x: hidden;
margin-top: 24px;
}

上記のコードは必要に応じて機能しています。非常に長い製品リスト用であるため、スクロール ページが必要です。リストの一番下には検索バー (pg 1、pg 2、pg3 など) があり、'.aside_listings' div の外に配置する必要があります。これはすべて、私が触れることができないコードによって生成されます。cssでこれを行う方法を調べ、これらのスタイルを「.search_options」に追加しました

position: absolute;
margin-top: -50px;
font-size: 18px;
color: #999999;
margin-left: 13px;
width: 418px;

表面的には機能しているように見えますが、他のページのいずれかに移動したり、検索領域を絞り込んだりすると、リストに表示される製品の数に応じてジャンプします.

これをjqueryの親要素の外に移動する方法はありますか?

ありがとうございました