スマホ：css position fixed内でカクつかずにスムーズにスクロールさせることは可能ですか？

css position fixed内でカクつかずにスムーズにスクロールさせることは可能ですか？
※iPhone IOS9 Safari

ポップアップで子要素を表示させています。
そこで、背景（ここでは親要素）を固定し、
ポップアップさせる要素（ここでは子要素）の
スクロールをカクつかずにスムーズにスクロールさせることは可能ですか？

現在の構造は親要素を固定（fixed）させているのですが
子要素が画面内に収まらずスクロールさせております。
しかし、fixedさせた関係で子要素がカクカクと硬いスクロールとなってしまいます。
どなたか解決策をご教授いただけないでしょうか？

因みに、
-webkit-overflow-scrolling: touch;
も試しましたが、バウンスした際に、画面がフリーズする又は、
子要素を開いた段階で、フリーズします。

至急、解決させたいと思いますので宜しくお願いします。

css
1/* modal window */
2.Lp_styling__modal {
3  display: none;
4  position: fixed;
5  width: 100%;
6  top: 50;
7  left: 0;
8  z-index: 999;
9  background-color: #fff;
10  height: 100%;
11  overflow-y: scroll;
12}
13.Lp_styling__modal-inner {
14  height: 100%;
15  overflow-y: scroll;
16}
17
18.Lp_styling__modal-content {
19  width: 90%;
20  margin: 7% auto;
21  font-size: 12px;
22}
23.Lp_styling__modal-partbx {
24  border-bottom: 1px solid #c8c8c8;
25  padding-bottom: 2em;
26  margin-bottom: 5%;
27}
28.Lp_styling__modal-partbx:last-child {
29  border-bottom: none;
30}
31.Lp_styling__modal-ttl {
32  margin-bottom: 6.1%;
33  font-size: 4.2vw;
34  line-height: 1.6;
35  font-weight: 900;
36}
37.Lp_styling__modal-other{
38  font-size: 2.4vw;
39}
40.Lp_styling__modal-name,
41.Lp_styling__modal-topval,
42.Lp_styling__modal-product{
43  font-size: 3.2vw;
44  font-weight: 900;
45}
46.Lp_styling__modal-name {
47  margin-bottom: 4.9%;
48}
49.Lp_styling__modal-list li{
50  margin-bottom: 6%;
51  line-height: 1.5;
52  font-size: 3.2vw;
53  letter-spacing: 0.6px;
54}
55.Lp_styling__modal-list li a{
56  text-decoration: underline;
57}
58.Lp_styling__modal-topval {
59  display: inline-block;
60  margin-bottom: 1.2%;
61}
62.Lp_styling__modal-partno {
63  font-size: 2.4vw;
64}
65.Lp_styling__modal-close {
66  position: absolute;
67  top:0;
68  right:0;
69  background-color: #ededed;
70  text-align: center;
71  width: 30px;
72  height: 30px;
73}
74.Lp_styling__modal-close:before{
75  content: "";
76  position: absolute;
77  display: inline-block;
78  top: 7px;
79  left: 15px;
80  width: 2px;
81  height: 15px;
82  border:0;
83  margin:0;
84  padding:0;
85  background-color:#000;
86  -moz-transform:rotate(45deg);
87  -webkit-transform:rotate(45deg);
88  transform:rotate(45deg);
89}
90.Lp_styling__modal-close:after{
91  content: "";
92  position: absolute;
93  display: inline-block;
94  top: 7px;
95  left: 15px;
96  width: 2px;
97  height: 15px;
98  border: 0;
99  margin: 0;
100  padding: 0;
101  background-color: #000;
102  -moz-transform: rotate(-45deg);
103  -webkit-transform: rotate(-45deg);
104  transform: rotate(-45deg);
105}