Скролл эффект в низ с ограничением -нужна помощь

#1 23 октября 2018 в 15:20
Господа, помогите реализовать скролл эффект.
Блок у меня идет в самый футер сайта, но нужно чтобы он сдвинулся в низ не более 300 пикселей.
Сам код
  1.  
  2. <script type="text/javascript">
  3. $(function() {
  4. var offset = $("#fixed").offset();
  5. var topPadding = 15;
  6. $(window).scroll(function() {
  7. if ($(window).scrollTop() > offset.top) {
  8. $("#fixed").stop().animate({marginTop: $(window).scrollTop() - offset.top + topPadding});
  9. }
  10. else {$("#fixed").stop().animate({marginTop: 0});};});
  11. });
  12. </script>
  13.  
  14.  
  15.  
Див блок

  1.  
  2. <div class="left">
  3. <div class="right">
  4. <div id="fixed">Текст фиксированного блока.</div>
  5. </div>
  6. </div>
  7.  
  8.  
Стили

  1.  
  2. .left {
  3. width: 70%;
  4. float: left;
  5. height: 1500px;
  6. }
  7. .right {
  8. margin-top: 10px;
  9. float: right;
  10. width: 20%;
  11. }
  12. #fixed {
  13. background: #CCC;
  14. padding: 20px;
  15. }
  16.  
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.