div要素の中でこのようなスクロールを実現するコードの例です
ひらがな
ぁあぃいぅうぇえぉおかがきぎくぐけげこごさざしじすずせぜそぞただちぢっつづてでとどなにぬねのはばぱひびぴふぶぷへべぺほぼぽまみむめもゃやゅゆょよらりるれろゎわゐゑをんゔゕゖ゛゜ゝゞゟ
ぁあぃいぅうぇえぉおかがきぎくぐけげこごさざしじすずせぜそぞただちぢっつづてでとどなにぬねのはばぱひびぴふぶぷへべぺほぼぽまみむめもゃやゅゆょよらりるれろゎわゐゑをんゔゕゖ゛゜ゝゞゟ
コード.gs
function doGet() {
return HtmlService.createHtmlOutputFromFile("index");
}
|
意訳この機能がやること 指定したHTMLファイルを表示する |
index.html
<html>
<head>
<style>
.overflow_scroll {
width: 240px;
height: 120px;
overflow: scroll;
border: solid 1px lightgray;
}
</style>
</head>
<body>
<div class="overflow_scroll">
<p><b>ひらがな</b></p>
<p>ぁあぃいぅうぇえぉおかがきぎくぐけげこごさざしじすずせぜそぞただちぢっつづてでとどなにぬねのはばぱひびぴふぶぷへべぺほぼぽまみむめもゃやゅゆょよらりるれろゎわゐゑをんゔゕゖ゛゜ゝゞゟ</p>
</div>
</body>
</html>
|
意訳overflow_scrollのスタイル 幅 高さ 枠外のデータをスクロール 枠線 div要素にoverflow_scrollを設定 設定した高さを越えるデータを入れる |
