Как задать границы плавающей кнопки в javascript?

Question

[kid55]

Я написал скрипт,который не дает перейти плавающей кнопке выше области где используется скрипт,при скролинге вниз кнопка лезет до самого низу сайта,ка сделать чтобы она останавлеваль в конце блока где используется мой скрипт?

<script type="text/javascript">
    $(document).ready(function(){
     $('.spoiler-title').click(function(){
      $(this).parent().children('.spoiler-body').slideToggle();
      return false;
     });
     $('.spoiler-wrapper .spoiler-hd').on('click', function(event){
      $(this).parents('.spoiler-wrapper').find('.spoiler-body').hide("slow");
      return false;
    });
     $(function(){
        var offset = $('.spoiler-hd').offset();
        var max = offset.top + $(".spoiler-hd").parent().height();
        var topPadding = 45;
        $(window).scroll(function() {
          if ($(window).scrollTop() > offset.top && $(window).scrollTop() < max) {
        $(".spoiler-hd").stop().animate({marginTop: $(window).scrollTop() - offset.top + topPadding});
           return old.apply( this, arguments );
          }else{
        $(".spoiler-hd").stop().animate({marginTop: 300});
         return old.apply( this, arguments );
        };
      });
    });
  });
  </script>

Answer 1

[littleguga]

Как вариант .parent().
Примерно так будет:

<script type="text/javascript">
	$(function() {
		var offset = $(".spoiler-hd").offset();
		var max = offset.top + $(".spoiler-hd").parent().height();
		var topPadding = 45;
		$(window).scroll(function() {
			if ($(window).scrollTop() > offset.top && $(window).scrollTop() < max) {
				$(".spoiler-hd").stop().animate({marginTop: $(window).scrollTop() - offset.top + topPadding});
			}else{
				$(".spoiler-hd").stop().animate({marginTop: 300});
			};
		});
	});
    </script>

Comments

[kid55]

Большое спасибо,очень помогли!Супер))

[kid55]

Это весь мой скрип,появилась проблема. Когда захожу на сайт блок по умолчанию закрит,кликаю по spoiler-title открывается блок - ккнопка улетает куда то,перегружаю страницу появляется кнопка и работает нормально

Как можно сделать что бы вторая функция срабатавала только когда развернутый блок

[littleguga]

kid55: 1. задайте отдельный вопрос. 2. приведите в нем сайт/код

[kid55]

задал новый вопрос