する質問をすることでしか得られない、回答やアドバイスがある。8Bootstrap3で固定サイドバーを使用する上記のサイトを参考に、以下の3つのファイルを作成し、同じディレクトリに入れました。(スクロールした画面の位置によってサイドバーの文字の色が変わるなどは不要です。html内に<p>長いコンテンツ</p>と書いたのは、行数を稼ぐためだけのものです。)やりたいことが2つあります。メインコンテンツとサイドバーの枠線が重なっているので、重ならないように間に隙間を入れたいです。(marginを使おうとして失敗しました。)スクロールするとサイドバーの文字は付いてくるのですが、枠線が消えてしまうので、cssの内容がスクロール後も残るようにしたいです。回答よろしくお願いします。jQuery);attachmentクリップ0気になる質問をクリップするクリップした質問は、後からいつでもマイページで確認できます。クリップした質問に回答があった際、通知やメールを受け取ることができます。自分も答えを知りたい質問者以外のユーザにも役立つ評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。質問の評価を上げたことを取り消します低評価-評価を下げられる数の上限に達しました評価を下げることができません1日5回まで評価を下げられます1日に1ユーザに対して2回まで評価を下げられます質問の評価を下げるteratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。コメントをしてください。送信する質問の評価を下げる機能の利用条件この機能を利用するためには、以下の事項を行う必要があります。件sort評価が高い順sort新着順sort古い順linkcheckベストアンサー+2>2.スクロールするとサイドバーの文字は付いてくるのですが、枠線が消えてしまうので~スクリプト側で.new-sidebarが画面に付いてくるように記述していますが、枠線は親の.side-containerにつけているので付いてきていないだけではないでしょうか。.new-sidebarに枠線をつければいいとおもいます。.new-sidebarに枠線を付けた上で.side-containerとの間に隙間を開ければ>1.メインコンテンツとサイドバーの枠線が重なっているので~こちらも解決するのではないでしょうか。スクロール時にサイドバーの幅がずれてしまうかもしれませんが、サイドバーが追尾時にposition:fixedになる関係で、スクリプトで幅を指定しない限りちょうどいい大きさにはならないと思います。いうわけで以下のように修正してみました。幅を変更した際はそれに合わせてサイドバーの幅を指定する処理が必要になるはずです。評価が高い回答ほどページの上位に表示されます。remove低評価0回答の評価を下げる下記のような回答は推奨されていません。評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。17:09返信が遅くなり、また、一度ベストアンサーにしておいて申し訳ないのですが、画面(ブラウザ)の横幅を変えてもサイドバーが細くならないという状態になりました。横幅を変えてもうまく合わせてくれることを期待して、bootstrapを使ったので、この問題が起こらない解決方法はないでしょうか?返信が遅くなり、また、一度ベストアンサーにしておいて申し訳ないのですが、画面(ブラウザ)の横幅を変えてもサイドバーが細くならないという状態になりました。20:15回答にも書いたとおり質問にあるリンク元のやり方でいくのであればスクリプトで幅を調整するしかないと思います。{$('.new-sidebar').width($('.new-sidebar').parent().width());});こんな感じのを追記すれば幅があうはずです。~%;を指定すれば、ウィンドウサイズと相対的な幅を指定できますが、これはこれでbootstrapとの兼ね合いで%の値を微調整する必要があると思うのでその辺は調整していただければと思います。回答にも書いたとおり質問にあるリンク元のやり方でいくのであればスクリプトで幅を調整するしかないと思います。こんな感じのを追記すれば幅があうはずです。指定すれば、ウィンドウサイズと相対的な幅を指定できますが、これはこれでbootstrapとの兼ね合いで%の値を微調整する必要があると思うのでその辺は調整していただければと思います。10:51すみません、Javascriptは初心者なので、返信で質問した部分も、最初の回答のスクリプトに含まれていると勘違いしていました。ありがとうございます。すみません、Javascriptは初心者なので、返信で質問した部分も、最初の回答のスクリプトに含まれていると勘違いしていました。ありがとうございます。0border-sizingがよく使えません。頂いたご意見への回答は行っておりません。