html {
scroll-behavior: smooth;
}// Проходимся по всем элементам "linkList", и делаем выборку по ссылкам (a с атрибутом href, который равен "#")
const anchors = document.querySelectorAll('.linkList a[href*="#"]')
for (let anchor of anchors) {
anchor.addEventListener('click', function (e) {
e.preventDefault()
const blockID = anchor.getAttribute('href').substr(1)
document.getElementById(blockID).scrollIntoView({
behavior: 'smooth',
block: 'start'
})
})
}ul {
padding: 0;
margin: 0;
list-style-type: none;
}
ul li {
display: block;
overflow: hidden;
position: relative;
}
.item__name {
display: inline-block;
position: relative;
}
.item__name:after {
content: '';
position: absolute;
left: 100%;
right: -9999px;
bottom: 0;
border-bottom: 1px dotted #888;
}
.left {
width: 80%;
overflow: hidden;
position: relative;
float: left;
}
.item__value {
width: 20%;
float: right;
}<ul>
<li>
<div class="left">
<span class="item__name">Первый пункт</span>
</div>
<span class="item__value">Значение</span>
</li>
<li>
<div class="left">
<span class="item__name">Второй пункт</span>
</div>
<span class="item__value">Значение</span>
</li>
<li>
<div class="left">
<span class="item__name">Третий пункт</span>
</div>
<span class="item__value">Значение</span>
</li>
</ul>function CallPrint(strid) {
let prtContent = document.getElementById(strid);
let WinPrint = window.open('','','left=50,top=50,width=800,height=640,toolbar=0,scrollbars=1,status=0');
WinPrint.document.write('');
WinPrint.document.write(prtContent.innerHTML);
WinPrint.document.write('');
WinPrint.document.close();
WinPrint.focus();
WinPrint.print();
WinPrint.close();
prtContent.innerHTML=strOldOne;
}