JavaScriptをクリックした後、ウィンドウの下部にボタンを設定する方法は？

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

私は本当に多く、uは私はuのを助けることができる単純またはデモで説明できるならばuが

var btn1=document.getElementById("btn1"); 
 
\t var btn=document.getElementById("btn"); 
 

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

<input type="button" name="btn1" id="btn1" value="button"> 
 

 

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

欲しいものを理解しないごめん簡単、ごめんなさい