Fixed button at teh end

by Daniel Mejia

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
<div id='main'>
    <div id='standard' class='hidden-sm hidden-xs'>
        <p>A</p>
        <p>A</p>
        <p>A</p>
        <p>A</p>
        <p>A</p>
        <p>A</p>
        <p>A</p>
        <p>A</p>
        <p>A</p>
        <p>A</p>
        <p>A</p>
        <p>A</p>
        <p>A</p>
        <p>A</p>
        <p>A</p>
        <p>A</p>
        <p>A</p>
        <p>A</p>
        <p>A</p>
        <p>A</p>
    </div>
    <div>
        <button id='floatingButton' type='button' class='btn btn-primary visible-sm visible-xs'>Cotización <span class='badge'>3</span></button>
    </div>
</div>

CSS

#main{
    width: 100%;
    height:3800px;
}
#standard{
    width:500px;
    height:200px;
    overflow-y:scroll;
    background-color:#333;
}
#floatingButton{
    width:120px;
    height:120px;
    position:fixed;
    border-radius:50%;
    right:50px;
    bottom:50px;
    box-shadow: 10px 10px 5px #333;
    opacity:0.65;
}