<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<div class="div">
<ul class="ul" id="ul">
</ul>
<div class="innderDiv" id="kkk">
<h1>项目评估</h1>
<p>这么多不同历史文化、社会制度、经济体量、发展阶段的国家，为何能始终保持团结协作，致力于构建平等相待、守望相助、休戚与共、安危共担的命运共同体？</p>
<p>这么多不同历史文化、社会制度、经济体量、发展阶段的国家，为何能始终保持团结协作，致力于构建平等相待、守望相助、休戚与共、安危共担的命运共同体？</p>
<p>这么多不同历史文化、社会制度、经济体量、发展阶段的国家，为何能始终保持团结协作，致力于构建平等相待、守望相助、休戚与共、安危共担的命运共同体？</p>
<h1>H12</h1>
<h2>历史数据</h2>
<p>
上合组织诞生之初，在各成员国共同签署的第一份成立宣言中，就明确了以“互信、互利、平等、协商、尊重多样文明、谋求共同发展”为基本内容的“上海精神”。这从一开始就决定了上合组织不搞封闭排他的集团政治小圈子，不走意识形态对抗的老路，不搞以大欺小、恃强凌弱的“丛林法则”，而是倡导文明对话、尊重彼此核心利益和选择的发展道路、照顾彼此利益诉求、遇事协商一致。
20多年来，上合组织始终高举“上海精神”旗帜，开创了不同社会制度和发展道路的国家间团结协作、开放共赢、包容互鉴的全新合作模式。习主席强调：“地区一体化和经济全球化是时代潮流，各国和各国人民应该从这一进程中受益。”
</p>
<p>
上合组织诞生之初，在各成员国共同签署的第一份成立宣言中，就明确了以“互信、互利、平等、协商、尊重多样文明、谋求共同发展”为基本内容的“上海精神”。这从一开始就决定了上合组织不搞封闭排他的集团政治小圈子，不走意识形态对抗的老路，不搞以大欺小、恃强凌弱的“丛林法则”，而是倡导文明对话、尊重彼此核心利益和选择的发展道路、照顾彼此利益诉求、遇事协商一致。
20多年来，上合组织始终高举“上海精神”旗帜，开创了不同社会制度和发展道路的国家间团结协作、开放共赢、包容互鉴的全新合作模式。习主席强调：“地区一体化和经济全球化是时代潮流，各国和各国人民应该从这一进程中受益。”
</p>
<p>
上合组织诞生之初，在各成员国共同签署的第一份成立宣言中，就明确了以“互信、互利、平等、协商、尊重多样文明、谋求共同发展”为基本内容的“上海精神”。这从一开始就决定了上合组织不搞封闭排他的集团政治小圈子，不走意识形态对抗的老路，不搞以大欺小、恃强凌弱的“丛林法则”，而是倡导文明对话、尊重彼此核心利益和选择的发展道路、照顾彼此利益诉求、遇事协商一致。
20多年来，上合组织始终高举“上海精神”旗帜，开创了不同社会制度和发展道路的国家间团结协作、开放共赢、包容互鉴的全新合作模式。习主席强调：“地区一体化和经济全球化是时代潮流，各国和各国人民应该从这一进程中受益。”
</p>
<p>
上合组织诞生之初，在各成员国共同签署的第一份成立宣言中，就明确了以“互信、互利、平等、协商、尊重多样文明、谋求共同发展”为基本内容的“上海精神”。这从一开始就决定了上合组织不搞封闭排他的集团政治小圈子，不走意识形态对抗的老路，不搞以大欺小、恃强凌弱的“丛林法则”，而是倡导文明对话、尊重彼此核心利益和选择的发展道路、照顾彼此利益诉求、遇事协商一致。
20多年来，上合组织始终高举“上海精神”旗帜，开创了不同社会制度和发展道路的国家间团结协作、开放共赢、包容互鉴的全新合作模式。习主席强调：“地区一体化和经济全球化是时代潮流，各国和各国人民应该从这一进程中受益。”
</p>
<p>
上合组织诞生之初，在各成员国共同签署的第一份成立宣言中，就明确了以“互信、互利、平等、协商、尊重多样文明、谋求共同发展”为基本内容的“上海精神”。这从一开始就决定了上合组织不搞封闭排他的集团政治小圈子，不走意识形态对抗的老路，不搞以大欺小、恃强凌弱的“丛林法则”，而是倡导文明对话、尊重彼此核心利益和选择的发展道路、照顾彼此利益诉求、遇事协商一致。
20多年来，上合组织始终高举“上海精神”旗帜，开创了不同社会制度和发展道路的国家间团结协作、开放共赢、包容互鉴的全新合作模式。习主席强调：“地区一体化和经济全球化是时代潮流，各国和各国人民应该从这一进程中受益。”
</p>
<h1>H13</h1>
<h1>运营数据</h1>
<h1>H15</h1>
<p>
上合组织诞生之初，在各成员国共同签署的第一份成立宣言中，就明确了以“互信、互利、平等、协商、尊重多样文明、谋求共同发展”为基本内容的“上海精神”。这从一开始就决定了上合组织不搞封闭排他的集团政治小圈子，不走意识形态对抗的老路，不搞以大欺小、恃强凌弱的“丛林法则”，而是倡导文明对话、尊重彼此核心利益和选择的发展道路、照顾彼此利益诉求、遇事协商一致。
20多年来，上合组织始终高举“上海精神”旗帜，开创了不同社会制度和发展道路的国家间团结协作、开放共赢、包容互鉴的全新合作模式。习主席强调：“地区一体化和经济全球化是时代潮流，各国和各国人民应该从这一进程中受益。”
</p>
<h2>H22</h2>
<h2>H23</h2>
<div>
<h1>测试</h1>
<h2>测试</h2>
</div>
<p>
上合组织诞生之初，在各成员国共同签署的第一份成立宣言中，就明确了以“互信、互利、平等、协商、尊重多样文明、谋求共同发展”为基本内容的“上海精神”。这从一开始就决定了上合组织不搞封闭排他的集团政治小圈子，不走意识形态对抗的老路，不搞以大欺小、恃强凌弱的“丛林法则”，而是倡导文明对话、尊重彼此核心利益和选择的发展道路、照顾彼此利益诉求、遇事协商一致。
20多年来，上合组织始终高举“上海精神”旗帜，开创了不同社会制度和发展道路的国家间团结协作、开放共赢、包容互鉴的全新合作模式。习主席强调：“地区一体化和经济全球化是时代潮流，各国和各国人民应该从这一进程中受益。”
</p>
<p>
上合组织诞生之初，在各成员国共同签署的第一份成立宣言中，就明确了以“互信、互利、平等、协商、尊重多样文明、谋求共同发展”为基本内容的“上海精神”。这从一开始就决定了上合组织不搞封闭排他的集团政治小圈子，不走意识形态对抗的老路，不搞以大欺小、恃强凌弱的“丛林法则”，而是倡导文明对话、尊重彼此核心利益和选择的发展道路、照顾彼此利益诉求、遇事协商一致。
20多年来，上合组织始终高举“上海精神”旗帜，开创了不同社会制度和发展道路的国家间团结协作、开放共赢、包容互鉴的全新合作模式。习主席强调：“地区一体化和经济全球化是时代潮流，各国和各国人民应该从这一进程中受益。”
</p>
<p>
上合组织诞生之初，在各成员国共同签署的第一份成立宣言中，就明确了以“互信、互利、平等、协商、尊重多样文明、谋求共同发展”为基本内容的“上海精神”。这从一开始就决定了上合组织不搞封闭排他的集团政治小圈子，不走意识形态对抗的老路，不搞以大欺小、恃强凌弱的“丛林法则”，而是倡导文明对话、尊重彼此核心利益和选择的发展道路、照顾彼此利益诉求、遇事协商一致。
20多年来，上合组织始终高举“上海精神”旗帜，开创了不同社会制度和发展道路的国家间团结协作、开放共赢、包容互鉴的全新合作模式。习主席强调：“地区一体化和经济全球化是时代潮流，各国和各国人民应该从这一进程中受益。”
</p>
<h1>H16</h1>
<h2>H24</h2>
<p>
上合组织诞生之初，在各成员国共同签署的第一份成立宣言中，就明确了以“互信、互利、平等、协商、尊重多样文明、谋求共同发展”为基本内容的“上海精神”。这从一开始就决定了上合组织不搞封闭排他的集团政治小圈子，不走意识形态对抗的老路，不搞以大欺小、恃强凌弱的“丛林法则”，而是倡导文明对话、尊重彼此核心利益和选择的发展道路、照顾彼此利益诉求、遇事协商一致。
20多年来，上合组织始终高举“上海精神”旗帜，开创了不同社会制度和发展道路的国家间团结协作、开放共赢、包容互鉴的全新合作模式。习主席强调：“地区一体化和经济全球化是时代潮流，各国和各国人民应该从这一进程中受益。”
</p>
<p>
上合组织诞生之初，在各成员国共同签署的第一份成立宣言中，就明确了以“互信、互利、平等、协商、尊重多样文明、谋求共同发展”为基本内容的“上海精神”。这从一开始就决定了上合组织不搞封闭排他的集团政治小圈子，不走意识形态对抗的老路，不搞以大欺小、恃强凌弱的“丛林法则”，而是倡导文明对话、尊重彼此核心利益和选择的发展道路、照顾彼此利益诉求、遇事协商一致。
20多年来，上合组织始终高举“上海精神”旗帜，开创了不同社会制度和发展道路的国家间团结协作、开放共赢、包容互鉴的全新合作模式。习主席强调：“地区一体化和经济全球化是时代潮流，各国和各国人民应该从这一进程中受益。”
</p>
<p>
上合组织诞生之初，在各成员国共同签署的第一份成立宣言中，就明确了以“互信、互利、平等、协商、尊重多样文明、谋求共同发展”为基本内容的“上海精神”。这从一开始就决定了上合组织不搞封闭排他的集团政治小圈子，不走意识形态对抗的老路，不搞以大欺小、恃强凌弱的“丛林法则”，而是倡导文明对话、尊重彼此核心利益和选择的发展道路、照顾彼此利益诉求、遇事协商一致。
20多年来，上合组织始终高举“上海精神”旗帜，开创了不同社会制度和发展道路的国家间团结协作、开放共赢、包容互鉴的全新合作模式。习主席强调：“地区一体化和经济全球化是时代潮流，各国和各国人民应该从这一进程中受益。”
</p>
<p>
上合组织诞生之初，在各成员国共同签署的第一份成立宣言中，就明确了以“互信、互利、平等、协商、尊重多样文明、谋求共同发展”为基本内容的“上海精神”。这从一开始就决定了上合组织不搞封闭排他的集团政治小圈子，不走意识形态对抗的老路，不搞以大欺小、恃强凌弱的“丛林法则”，而是倡导文明对话、尊重彼此核心利益和选择的发展道路、照顾彼此利益诉求、遇事协商一致。
20多年来，上合组织始终高举“上海精神”旗帜，开创了不同社会制度和发展道路的国家间团结协作、开放共赢、包容互鉴的全新合作模式。习主席强调：“地区一体化和经济全球化是时代潮流，各国和各国人民应该从这一进程中受益。”
</p>
</div>
</div>
</body>
<script>
window.onload = () => {
// 赋值
let eles = [];
function traverseElement(element) {
// 遍历当前元素的子元素
for (let i = 0; i < element.children.length; i++) {
let id = Math.floor(Math.random() * 100000);
const child = element.children[i];
if (['H1', 'H2', 'H3', 'H4', 'H5'].includes(child.tagName)) {
eles.push({
tagName: child.tagName,
innerHTML: child.innerHTML,
id
})
child.setAttribute('id', id);
}
traverseElement(child); // 递归遍历子元素
}
}
traverseElement(document.getElementById('kkk'))
let INNERHTML = '';
eles.forEach(e => {
INNERHTML += `<li><a class="smooth-scroll" href="#${e.id}">${e.innerHTML}</a></li>`
});
document.getElementById("ul").innerHTML = INNERHTML;
// 监听
document.querySelectorAll('.smooth-scroll').forEach(
anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
const targetId = this.getAttribute('href').substring(1);
const targetElement = document.getElementById(targetId);
if (targetElement) {
targetElement.scrollIntoView({ block: 'center' });
}
});
});
}
</script>
<style>
.div {
display: flex;
}
.ul {
width: 100px;
list-style: none;
padding: 0;
}
.innderDiv {
flex: 1;
}
</style>
</html>
锚点定位
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。
相关阅读更多精彩内容
- 暂未做过多适配，请打开f12用手机模式预览： 实现思路：主要计算元素距离外层元素的距离和自身宽度来计算应该滚动到的...
- 效果图： 1、不用管里面遍历了什么数据，利用onLayout获取滚动内容里面元素的高度集合滑动自动地位到导航栏 获...
- 锚点定位被顶部固定导航栏遮住时，只需要给定位的内容加两行css代码，如下： 首页 这是首页的内容 给定位内容添加：...
