Question

目前我正在处理滚动相关任务。

我有一个网页，网页有面包屑和页脚，面包屑放在页脚顶部和一个单击按钮上，它在面包屑上面点缀。每当最终用户滚动页面时，他们都可以看到面包屑顶部的点击按钮。我目前的要求是，每当最终用户点击按钮时，按钮和面包屑应该在窗口的底部，页脚应该是隐藏的。此外，如果最终用户在单击按钮后滚动，现在他们可以滚动到页面底部。

我尝试使用scrollTo实现此功能，但失败了。任何人都建议如何实现这一点。

JS：

$(".button").click(function() {
    var windowHeight = $(window).height();
    var headerHeight = $('header').height(); // header part
    var bodyWrapperHeight = $('.body-wrapper').height(); // body part
    var windowBodyHeight = Math.abs(windowHeight) - Math.abs(bodyWrapperHeight);
    var scrollTotalWithHeader = Math.abs(windowBodyHeight) + Math.abs(headerHeight);
    var scrollTotalWithoutHeader = Math.abs(windowBodyHeight) - Math.abs(headerHeight);
    if(Math.abs(windowBodyHeight) > Math.abs(headerHeight)) {
        $("body, html").animate({
            scrollTop: Math.abs(scrollTotalWithHeader)
        }, {
            duration: 600,
            complete: function(){
                scrollLock = true;
            }
        });

    } else {
        $("body, html").animate({ 
            scrollTop: Math.abs(scrollTotalWithoutHeader)
        }, {
            duration: 600,
            complete: function(){
                scrollLock = true;
            }
        });
    }
});

Answer 1

抱歉，我真的不明白你想要什么

var btn1=document.getElementById("btn1");
	var btn=document.getElementById("btn");

btn1.addEventListener("click", btnsettobtm);
function btnsettobtm()
{
	btn.style.position="fixed";
	btn.style.right="10px";
	btn.style.bottom="10px";
}

<input type="button" name="btn1" id="btn1" value="button">


<input type="button" name="btn" id="btn" value="Btn Is Here!">

如果你能用简单或演示解释我可以帮助你，更容易，抱歉

点击JavaScript后如何设置窗口底部的按钮？

1 个答案: