0

私は友人の結婚式 ( http://mhutchinson.me.uk/tom/ ) のためのウェブサイトを構築しており、視差を使用して白い「save the date」テキストをクリーム セクションの下に非表示にし、詳細を表示しています。 .

基本的な機能は動作していますが、「日付を保存」画像を下に置くことができません。常に上部に突き当たるか、下に移動すると正しく機能しません。

誰かがそれを配置する方法について何か考えがありますか?

私が使用しているjQueryは次のとおりです。

$(document).ready(function(){
    //.parallax(xPosition, speedFactor, outerHeight) options:
    //xPosition - Horizontal position of the element
    //inertia - speed to move relative to vertical scroll. Example: 0.1 is one tenth the speed of scrolling, 2 is twice the speed of scrolling
    //outerHeight (true/false) - Whether or not jQuery should use it's outerHeight option to determine when a section is in the viewport

    $('#intro').parallax("50%", 0.4);
    $('#logo').parallax("50%", 0.1);
    $('#infoWrapper').parallax("50%", 0.1);
})
4

1 に答える 1

0

CSS で「background-attachment: fixed」ルールを削除して、これを使用してみてください。

  background-image: url(yourimage.path);
  background-repeat: no-repeat;
  height: 100vh;
  position: absolute;
  background-position: center bottom!important;
  top: 50vh;
  width: 100vw;
  z-index: 200;
于 2016-12-26T12:10:54.587 に答える