Hello There, Guest! Login Register
Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
FIXED HEADER FIELD
#1
Hello,

I would like as the website (http://www.sponsor-board.de) have a fixed header when scrolling down.

Now I have made clever and found something on the Internet. Have the installed on my test surface from Them Plate "FlatOne" and the drop down menu on the show thread overview bugged out. See picture attached.

Next I installed:

add in the Templates & Style -> Templates -> Your Style -> Templates without group -> header include all below:
PHP Code:
<script type="text/javascript">
jQuery(document).ready(function($) {
 
   function sticky() {
 
       var window_top = $(window).scrollTop();
 
       var top_position = $('body').offset().top;
 
       var element_to_stick = $('#panel');
 
       if (window_top top_position) {
 
           element_to_stick.addClass('sticky');
 
       } else {
 
           element_to_stick.removeClass('sticky');
 
       }
 
   }
 
   $(window).scroll(sticky);
 
   sticky();
});
</
script

füge in der Templates & Style -> Themes -> dein Style -> global.css ganz unten ein:
PHP Code:
#panel.sticky 
 
 {
 
   positionfixed;
 
   top0;
 
   left0;
 
   width100%;
 
 

On the "www.sponsor-place.de" to be exact in a thread such as "Http://sponsor-place.de/showthread.php?tid=13" is to see the bug.

Would be nice if you could help me with my mistakes, thank you.
Reply


Messages In This Thread
FIXED HEADER FIELD - KingKaSo - 7th Jun, 11:16 am
RE: FIXED HEADER FIELD - KingKaSo - 7th Jun, 06:15 pm
RE: FIXED HEADER FIELD - KingKaSo - 9th Jun, 05:12 pm
RE: FIXED HEADER FIELD - Tan - 10th Jun, 03:13 pm
RE: FIXED HEADER FIELD - KingKaSo - 11th Jun, 09:54 pm
RE: FIXED HEADER FIELD - Tan - 25th Jun, 05:26 pm
RE: FIXED HEADER FIELD - Tan - 26th Jun, 07:35 pm
RE: FIXED HEADER FIELD - KingKaSo - 27th Jun, 05:46 pm
RE: FIXED HEADER FIELD - KingKaSo - 13th Jul, 09:12 pm
RE: FIXED HEADER FIELD - KingKaSo - 26th Aug, 02:05 pm
RE: FIXED HEADER FIELD - Tan - 28th Aug, 09:35 pm



Users browsing this thread: 1 Guest(s)