Блог

Я пытаюсь создать локальный рабочий html-код для отображения некоторого текста из файла. Я как-то заставил это работать, используя узел, но мне нужна помощь с завершающими штрихами. Я хочу, чтобы печатный текст был автоматически развернут вверх и вниз. HTML-файл является:

 lt;!DOCTYPE htmlgt;  lt;htmlgt;  lt;headgt;  lt;stylegt;  body {  background-color: #F9E79F;  text-align: center;  }  iframe {  margin-left: 10%;  margin-right:10%;  width: 80%;  height: 800px;    }  #tytul {  margin-left: 13%;  width: 74%;  margin-right: 13%;  border: 3px solid;  position: fixed;  background:inherit;  top: 0;  }  #blok {  margin-top: 100px;  height:300px;  width 1000px  overflow: scroll;  }  body::-webkit-scrollbar {  display: none;  }  #lewy {  height: 100%;  width: 13%;  background-color: red;  position: fixed;  top:0;  left: 0;  }  #prawy {  height: 100%;  width: 13%;  background-color: red;  position: fixed;  top:0;  right: 0;  }  lt;/stylegt;  lt;meta charset="utf-8"gt;  lt;link type="text/css" rel="stylesheet" href="style.css"gt;  lt;titlegt;XYZlt;/titlegt; lt;/headgt; lt;bodygt; lt;div id="tytul"gt;lt;h1gt;XYZlt;/h1gt;lt;/divgt; lt;div id="blok"gt; lt;div id="lewy"gt;lt;/divgt; lt;div id="prawy"gt;lt;/divgt; lt;span -d="start"gt;lt;/spangt; {menu} lt;span id="stop"gt;lt;/spangt; lt;/divgt;  lt;/bodygt; lt;/htmlgt;  

И index.js является:

 const express = require('express'); const fs = require('fs').promises; const app = express(); const port = 80;  app.get('/', async (req, res) =gt; {  // tu  const menu = (await fs.readFile('menu.txt')).toString().split('rn').map((el, i) =gt; (i%2 === 0) ? `lt;h2gt;${el}lt;/h2gt;` : `lt;pgt;${el}lt;/pgt;`).join('');  const html = (await fs.readFile('ver1.html')).toString();  console.log(menu);  res.send(html.replace('{menu}', menu)); });  app.listen(port, () =gt; {  console.log(`Example app listening at http://localhost:${port}`) });  

Я пытался использовать это:

 function down() {  $('html, body').animate({ scrollTop: hg}, 200);  up(); } function up() {  $('html, body').animate({ scrollTop: $('#start').offset().top }, 20000);  down(); }  $(document).ready(function () {  hg = $('#blok').height() - 420;  down(); });  

однако у меня есть проблема с внедрением его в существующий код