0
ウェブアプリケーション[Google Apps Scriptを使用して公開] div autoscrollが機能していません。それがうまくいくように助けてくれますか？ありがとうございました。jQuery div autoscrollがGASで動作しない
<!DOCTYPE html>
<html lang="en">
<head>
<title>Bootstrap Example</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>
<div class="jumbotron text-center">
<h2>My First Bootstrap Page</h2>
<p>Resize this responsive page to see the effect!</p>
</div>
<?!= HtmlService.createHtmlOutputFromFile('CSS').getContent(); ?>
<div class="container-fluid">
<div class="row">
<div class="col-sm-3 col1">
<h3>Column 1</h3>
<div class="item1" id="item1">
<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit... see if it goes beyond the margin</span>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
</div>
</div>
<div class="col-sm-3 col2">
<h3>Column 2</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
</div>
<div class="col-sm-3 col3">
<h3>Column 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
</div>
<div class="col-sm-3 col4">
<h3>Column 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit...</p>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris...</p>
</div>
</div>
</div>
<script>
$("#item1").animate({
scrollTop: $("#item1").height()
}, 4000);
setTimeout(function() {
$("#item1").animate({
scrollTop: 0
}, 4000);
}, 4000);
setInterval(function() {
// 4000 - it will take 4 secound in total from the top of the page to the bottom
$("#item1").animate({
scrollTop: $("#item1").height()
}, 4000);
setTimeout(function() {
$("#item1").animate({
scrollTop: 0
}, 4000);
}, 4000);
}, 8000);
</script>
</body>
</html>
何かが任意の詳細がなくて質問をするための良い方法ではありません「動作していない」という内容：}
は、ここでHTMLファイルの改訂コードです。スクロールバーがありませんか？ユーザーが正常に動作していれば、ユーザーは何を確認できますか？問題をデバッグしようとしましたか？あなたはブラウザコンソールに精通していますか？ chromeとfirefoxでは、f12キーを押して開発ツールを開きます。いくつかの 'console.log（）'ステートメントを追加して、コードが何をしているのかを見てください。 –
jQueryが選択しているdivを自動スクロールしていないので、繰り返し自動スクロールする必要があります。最初のボックス[すなわち、 'Column 1']をクリックします。 – Din
リンクしたレンダリングされたページにjQueryはありません。 GASコードを保存したら、[公開]> [Webアプリケーションとしてデプロイ]に移動し、デベロッパーコードを確認するか、新しいバージョンを公開する必要があります。 – Brian