ホームページ > 記事 > ウェブフロントエンド > Safari_html/css_WEB-ITnose での Web ページの高速スクロールと穏やかなバウンスのための CSS 設定
Safari_html/css_WEB-ITnose での Web ページの高速スクロールと穏やかなバウンスのための CSS 設定
- WBOYオリジナル
- 2016-06-21 08:52:351207ブラウズ
この効果を実現するのは非常に簡単で、CSS コードの行を追加するだけです:
-webkit-overflow-scrolling : touch;
次の Web ページでテストできます:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <meta charset="utf-8" /> <title>scroll</title> <style type="text/css"> .container { width : 300px; height : 50%; -webkit-box-sizing : border-box; position : relative; overflow-y : auto; background-color : cyan; -webkit-overflow-scrolling : touch; /* liuhx:可以把这整行注释掉对比差别 */ } ul { height: 50px; } </style> </head><body> <div align="center"> <nav class="container"> <ul>1</ul> <ul>2</ul> <ul>3</ul> <ul>4</ul> <ul>5</ul> <ul>6</ul> <ul>7</ul> <ul>8</ul> <ul>9</ul> <ul>10</ul> <ul>11</ul> <ul>12</ul> <ul>13</ul> <ul>14</ul> <ul>15</ul> <ul>16</ul> <ul>17</ul> <ul>18</ul> <ul>19</ul> <ul>20</ul> </nav> </div></body></html> 声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。