CSS背景画像を「スクロール可能」にして画面で切り取らないようにする方法

Question

画像の背景を画面と同じ幅にする必要があります。元のサイズはwidth:heightにしてください。ここに私のコードです：

 var wechatStyle 
      = 'body {' 
       // + 'background: url(wechat.jpg) no-repeat center top fixed; ' 
       + 'background-image: url(wechat.jpg); ' 
       + 'background-position: center top; ' 
       + 'background-repeat: no-repeat; ' 
       + 'background-size: cover; ' 
      + '}' 

結果は、バックグラウンドの幅は正しいですが、高さがトリミングされています。しかし、私は全体の画像を見るためにスクロールできるようにしたい。どうやってやるの？

編集：

私が代わりにcoverのcontain試してみましたが、私が使用している場合、幅はもう画面の幅と同じではありませんcontain

編集2：私はこの質問を以下ました

。しかし、収穫の結果は良くありません。 CSS background image to fit width, height should auto-scale in proportion

Answer 1

おそらく、リンクされた質問によって誤解されることがあります。これは、そこに<img>を置くと、このようにそれをスタイリングのように簡単になります

 var wechatStyle 
      = 'img {' 
       + 'width: 100vw; ' 
       + 'height: auto; ' 
      + '}'