Javascript 如何在动画滚动中将整个页面从链接滚动到75%作为百分比

如何在动画滚动中使用75%的链接作为百分比滚动整个页面

我希望它在我的页面上滚动75%，并在代码上以%的形式写入，同时使其具有动画效果

动画工作，除了我不能让滚动工作在百分比

我的JavaScript查询代码：

我的身体代码：

将scrollTop:height/100-window.innerHeight/75更改为scrollTop:height*.75:

---

编辑：如果您需要使用75而不是.75，您只需执行scrollTop:height*75/100即可

我现在已对其进行了编辑。我指的是JavaScript和JQuery，而不是juts Java。当我把JavaScript作为标记放进去的时候，我把Java放错了。它有点工作，但没有。在整个页面上它是有效的，但是当在一个带有div的较短页面上使用相同的代码时，我得到的不是75%，而是一路下降。因此，它必须相对于div工作，而不仅仅是相对于页面。然而，在一个没有div的页面上，它是有效的。但是它需要在div和non-div中工作。@SeekLoad-Hmm不确定我是否理解这些要求。请用HTML更新您的问题，以显示div的位置以及您对在其中滚动的期望。无需，因为我正在搜索一个在div内部和外部都有效的通用解决方案。div本身没有什么特别之处，只是长度不同而已，其余的都是普通的div，没有java，除了普通的CSS度量和透明的背景之外，没有其他东西。没有什么不寻常的。问题是，当页面长度不同时，您的解决方案不计算70%。div内部有一个树菜单，树菜单的大小将根据是否打开而有所不同。菜单本身没有卷轴，因为它使用div框的卷轴。但正如我所说，div是一个普通的div框，高度为100%。啊，我忘了提到，div框被放在一个iframe中，你可以访问菜单。

function scrollTo75() {
var body = document.body,
    html = document.documentElement;
        var height = Math.max( body.scrollHeight, body.offsetHeight, 
                       html.clientHeight, html.scrollHeight, html.offsetHeight );
    console.log(height);
    $('html, body').animate({
        scrollTop: height/100 - window.innerHeight/75
    }, 200);
}

<a href="javascript:void(0);" onmouseover="scrollTo75();" title="Scroll 75%">75%</a>

function scrollTo75() {
var body = document.body,
    html = document.documentElement;
        var height = Math.max( body.scrollHeight, body.offsetHeight, 
                       html.clientHeight, html.scrollHeight, html.offsetHeight );
    console.log(height);
    $('html, body').animate({
        scrollTop: height * .75
    }, 200);
}