Javascript 如何返回到具有'；阅读更多'；按钮，无需重新单击'；阅读更多信息；。
我有一个淡出的部分和一个“阅读更多”链接/按钮。该部分的其余部分将打开，相当长，并且有到外部站点的链接。是否有任何方法可以在页面仍显示部分的情况下链接并返回到我的页面，因为当我返回页面刷新且用户必须滚动时，请再次打开“阅读更多”滚动以查找页面上以前不好的位置。如果用户可以返回到页面中的同一位置，并完全显示该部分，这将非常好，至少在他们完成文章或会话之前是这样。有什么想法吗 代码如下：Javascript 如何返回到具有'；阅读更多'；按钮，无需重新单击'；阅读更多信息；。,javascript,html,css,Javascript,Html,Css,我有一个淡出的部分和一个“阅读更多”链接/按钮。该部分的其余部分将打开，相当长，并且有到外部站点的链接。是否有任何方法可以在页面仍显示部分的情况下链接并返回到我的页面，因为当我返回页面刷新且用户必须滚动时，请再次打开“阅读更多”滚动以查找页面上以前不好的位置。如果用户可以返回到页面中的同一位置，并完全显示该部分，这将非常好，至少在他们完成文章或会话之前是这样。有什么想法吗 代码如下： <html> <head> <style>
<html>
<head>
<style>
#fade-wrap {
position: relative;
height: 10rem;
margin-bottom: 3rem;
overflow: hidden;
}
#fade-out {
position: absolute;
bottom: 0;
height: 5rem;
width: 100%;
}
</style>
</head>
<body>
<header>
</header>
<section>
<div>
<p>
Some text ...
</p>
</div>
<div id="fade-wrap">
<p>
Some text ...
</p>
<p>
Some more text ...
</p>
<div id="fade-out"></div>
</div>
<p>
<a id="read-more"
href="javascript:seeMore()">Read More ≫</a>
</p>
</section>
<footer>
</footer>
<script>
function seeMore()
{
document.getElementById("fade-wrap").style.height = "auto";
document.getElementById("fade-out").style.display = "none";
document.getElementById("read-more").style.display = "none";
}
</script>
</body>
</html>
#褪色包装{
位置：相对位置；
高度：10雷姆；
边缘底部：3rem；
溢出：隐藏；
}
#淡出{
位置：绝对位置；
底部：0；
身高：5雷姆；
宽度：100%；
}
一些文字。。。
一些文字。。。
更多的文字。。。
函数seeMore（）
{
document.getElementById（“淡入淡出包装”）.style.height=“自动”；
document.getElementById（“淡出”）.style.display=“无”；
document.getElementById（“阅读更多”）.style.display=“无”；
}
<html>
<head>
<style>
#fade-wrap {
position: relative;
height: 10rem;
margin-bottom: 3rem;
overflow: hidden;
}
#fade-out {
position: absolute;
bottom: 0;
height: 5rem;
width: 100%;
}
</style>
</head>
<body>
<header>
</header>
<section>
<div>
<p>
Some text ...
</p>
</div>
<div id="fade-wrap">
<p>
Some text ...
</p>
<p>
Some more text ...
</p>
<div id="fade-out"></div>
</div>
<p>
<a id="read-more"
href="javascript:seeMore()">Read More ≫</a>
</p>
</section>
<footer>
</footer>
<script>
function seeMore()
{
document.getElementById("fade-wrap").style.height = "auto";
document.getElementById("fade-out").style.display = "none";
document.getElementById("read-more").style.display = "none";
//Add anchor to keep track readMore is open.
window.location.href = "#open";
}
// if we detect anchor on url
if (window.location.href.match(/\#open/i))
{
//Scroll to read-more id
document.querySelector('#read-more'). scrollIntoView();
//Display items
seeMore();
}
</script>
</body>
</html>
#褪色包装{
位置：相对位置；
高度：10雷姆；
边缘底部：3rem；
溢出：隐藏；
}
#淡出{
位置：绝对位置；
底部：0；
身高：5雷姆；
宽度：100%；
}
一些文字。。。
一些文字。。。
更多的文字。。。
函数seeMore（）
{
document.getElementById（“淡入淡出包装”）.style.height=“自动”；
document.getElementById（“淡出”）.style.display=“无”；
document.getElementById（“阅读更多”）.style.display=“无”；
//添加锚定以跟踪readMore是否打开。
window.location.href=“#打开”；
}
//如果我们在url上检测到锚点
if（window.location.href.match（/\\打开/i））
{
//滚动以读取更多id
document.querySelector（“#阅读更多”）.scrollIntoView（）；
//显示项目
seeMore（）；
}
localStorage.setItem('myUsersPreviousState', 'section_expanded');
var previous_state = localStorage.getItem('myUsersPreviousState');
if ( previous_state === 'section_expanded' ) {
// javascript to expand section and scroll to location
}
我尝试了这个，它在Chrome和Opera中发挥了作用……它们回到了扩展页面中的同一个位置。Firefox、IE和Edge保持页面扩展，但会让你回到锚不太好的地方。我将接受@Gray的建议，研究一下localstorageapi，尽管我不熟悉它，并且正忙于学习JavaScript。非常感谢您的帮助，尽管非常感谢。灰色方法更好地保存一些用户信息。但它链接到您的浏览器，如果您只想共享将访问扩展内容的URL，它将不起作用。如果您想滚动到特定的onLoad项，只需更改节选择器的“document.querySelector（'#read more'）.scrollIntoView（）；”。而且会起作用；）如果没有，请向我们提供样本。对不起，我不确定我是否理解您的意思，您能提供更多信息吗？
document.querySelector（“#阅读更多”）.scrollIntoView（）