2012-04-19 14 views
2

私は、ボタンをクリックすると、このdivを明らかにしてページを引き伸ばすことになる隠れたdivを持つモバイルウェブサイトを構築しています。jQueryを使用してdivでページをスクロールします

本質的には「領収書」であり、私は3つのdivがお互いの上に座っており、トップdivには領収書の上部が含まれています(小さな紙切れの穴でる)。中央のdivは非表示であり、クリックで表示される領収書の本文です。下のdivは、常に表示されている会社のブランディング(ロゴなど)を含む領収書の下部です。

だから、ときにユーザー最初の訪問、彼らはトップとボトムのdivは、ロゴと何とか何とか何とかとの付き合いレシートの小さな作品のように見える、一緒に座って見るサイト...私は助けを必要としています何

「領収書」はビューポートの下部から約30pxのところにあり、展開されるとウィンドウはそれと共に移動しません。途中のdivが開いてプッシュダウンするときに、このdivでページを移動させるにはどうすればよいですか?

+0

いくつかのコードとスナップショットを投稿できますか? –

+0

ああ、もしあなたが[JS Fiddle](http://jsfiddle.net/)またはそれに類するものであれば、何が起こっているのかデモを見せることができれば便利だろう。そうすれば、あなたのマークアップやCSSを推測する必要がなくなり、実際に使用しているJavaScriptを見ることができるので、修正/修正/修正するものがわかります。 –

+0

jsfiddlerのデモを作成するのが面倒ならば、領収書とその要素のCSSも役立ちます。領地を設定しましたか:領収書に浮遊要素を固定したり使用したりしましたか? – walmik

答えて

0

はい。以下のようにscrollTopを使用してください。

$(document).ready(function() { 

    $('element').click(function(){ 
     $('html, body').animate({scrollTop:0}, 'slow'); 
     return false; 
    }); 

}); 
+0

ありがとう:)私は数ヶ月前にそれを得ました。しかし、私はそれを感謝します。 –

関連する問題