2016-04-01 22 views
0

私はオンラインで探している正確な答えを見つけることができないかもしれませんが、問題は何を探しているのかわからないということです。ウェブサイトでの反応が遅い回答

ホームページを入力すると、下部に(すべてのデバイス用に)スクロールして、スクロールすることができます。しかし、私はそれがスクリーンでスクロールするように固定したくありません。

これは私が見落としている反応的なトリックだと確信していますが、私はいくつかのフィードバックを愛するでしょう。先進的でありがとう!

編集:スクロールするときにdivがあなたをフォローしたくありません。しかし、あなたが最初にサイトを見ているときに画面の一番下に表示されるようにしたいのです(サイトを表示するのに使用しているプラ​​ットフォームに関係なく)。

例はこのサイトです。下向きの矢印はすべてのデバイスで同じ場所に表示されますが、ユーザーとスクロールしません:https://www.nabitablet.com/

+1

「私はdiv要素は、下に貼り付けることにしたい、とあなたはスクロールするときしかし、それはスクリーンでスクロールするように私はそれを固定したくない。」 - これらは同じではありません要件? –

+0

私はあなたがhttp://stackoverflow.com/questions/882104/fixed-bottom-aligned-divと同じことをしていると思います。要するに、 'bottom:0px;' css属性で 'position:fixed;'を使用してください。 – deem

+0

さて、はい、いいえ。私はそれがブラウザの下に(任意のデバイス用に)表示されるようにしたいが、下にスクロールすると、下にとどまることは望ましくない。私はそれがあなたのスクロールに従うようにそれを固定したくありません。 – ticklishoctopus

答えて

1

ウィンドウのサイズに合わせて絶対配置されたコンテナを使用することができます。 。ページの構造によっては、これは機能しない可能性があります。

body { 
 
    height: 5000px; 
 
} 
 

 
.container { 
 
    bottom: 0; 
 
    left: 0; 
 
    position: absolute; 
 
    right: 0; 
 
    top: 0; 
 
} 
 

 
.item { 
 
    background-color: #f00; 
 
    bottom: 0; 
 
    height: 50px; 
 
    position: absolute; 
 
    width: 100%; 
 
}
<div class="container"> 
 
    <div class="item"></div> 
 
</div>

+0

ハ!これはまさに私が探していたものです!残念なことに、私は思考以上に実行するのが簡単だと思っていました。ありがとうございました! – ticklishoctopus