Footer stick to bottom menu html css code

index.js
JavaScript
</script>
<div class="btmenu">
<ul class="reset ftd">
	<li><a href="https://nsenews.in/category/global-market/"><i class="fa fa-home"></i><span>Global Market</span></a></li>

<li><a href="https://nsenews.in/category/short-news-info/" target="_blank"><img src="https://www.lkonews24.com/wp-content/uploads/2025/01/tubediscover.png"><span>Short News</span></a></li>


<li><a href="https://nsenews.in/category/economics/upcoming-ipo/"><i class="rbi rbi-whatsapp" aria-hidden="true"></i><span>IPO</span> </a></li>

<li class="newsp"><a href="https://nsenews.in/category/market-news/"><img src="https://www.lkonews24.com/wp-content/uploads/2025/01/web.png"><span>Pre Market</span></a></li>


</ul>
</div>
<style>
.btmenu.scroll-up {
    transform: translateY(0px);
}
.btmenu {
	display:none;
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  padding: 5px;
  background-color: #ffffffeb;
  transition: 0.3s;
  text-align: center;
  color: #000;
	box-shadow: 0 -8px 16px 0 rgba(0, 0, 0, .2);
/*   transform: translateY(70px); */
	z-index:9999;
}
	ul.reset.ftd {
    list-style: none;
    display: flex;justify-content: center;
    gap:12px;align-items: center;
    font-size:13px; font-weight: bold;
		padding:0 5px;
}
	ul.reset.ftd a i {font-size: 20px;
    display: flex;justify-content: center;
    line-height: 23px;
    font-weight: bold;}
	ul.reset.ftd a i.rbi.rbi-whatsapp {
		color: green;}
	ul.reset.ftd i.fa.fa-home {
    color: #ff184e;}
	ul.reset.ftd i.fa.fa-video-camera {
    color: #2936c4;}
	ul.reset.ftd img {width:21px;display: flex;justify-content: center;margin: 0 auto;}
	ul.reset.ftd li.newsp img {width:28px}
	ul.reset.ftd li.dddd i {color:red}
	#back-top {bottom: 55px;}
	    .copyright-menu {
			margin-bottom: 25px;}
	@media only screen and (max-width:768px) {
		.btmenu {display:block;}
		
   
	}
</style>

<script>
// // Hide Header on on scroll down
// var didScroll;
// var lastScrollTop = 0;
// var delta = 5;
// var navbarHeight = $('header').outerHeight();

// $(window).scroll(function(event){
//     didScroll = true;
// });

// setInterval(function() {
//     if (didScroll) {
//         hasScrolled();
//         didScroll = false;
//     }
// }, 250);

// function hasScrolled() {
//     var st = $(this).scrollTop();
    
//     if(Math.abs(lastScrollTop - st) <= delta)
//         return;
    
//     if (st > lastScrollTop && st > navbarHeight){
//         // Scroll Down
//       $('.btmenu').removeClass('scroll-up');
      
//     } else {
//         // Scroll Up
//         if(st + $(window).height() < $(document).height()) {
//           $('.btmenu').addClass('scroll-up');
//         }
//     }
    
//     lastScrollTop = st;
// }
</script>

Leave a Reply

Your email address will not be published. Required fields are marked *