スマホでbackground attachment fixedにするには？

Question

PCではできたのですが、モバイルで背景を固定できません。

PCではこんな感じ

PCでは下記コードで実装できています。

.top {
  background-image: url('../images/town_bg.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
  position: relative;
  width: 100%;
  padding-bottom:7vh;
}

モバイル（Android chrome最新）、iOSだとだめなようです。

下記ページを参考に

参考にしたページ

メディアクエリで、モバイル表示のときは下記のようにしました。

.top::before {
			content:"";
			display:block;
			position:fixed;
			top:0;
			left:0;
			z-index:-1;
			width:100%;
			height:1200px;
			background:url('../images/town_bg.png') center/cover no-repeat; /*fixedをトル！*/
			-webkit-background-size:cover;/*Android4*/
		}
		.top {
			background: none
		}

※高さは変えています。

スマホだと背景が固定されず、スワイプと一緒に動いてしまいます。
PCでの表示のようにしたいのですがどこか変な箇所はありますか？

Answer 1

background-sizeとbackground-attachment:fixed; はモバイルで衝突してしまい、
background-sizeが効かなくなるバグ（？）があります。
こちらの記事などは参考になるかもしれません。