Блог

У меня есть 2 раздела, оба они высотой с экран, верхний div вызывается button и имеет кнопку, а нижний div вызывается content и содержит некоторые данные.

Я хотел бы скрыть нижний экран в jquery, и когда я нажимаю на кнопку в верхнем разделе, я хотел бы сдвинуть нижний раздел вверх, чтобы он как бы скользил по экрану.

Я не хочу, чтобы у тебя были какие-либо полосы прокрутки. Кто-нибудь знает, какой наилучший способ добиться этого? заранее подготовьтесь.

Это код:

 <div class="button>...</div>
<div class="content">...</div>
  

Если вы можете включить пользовательский интерфейс jQuery, вы могли бы использовать эффект слайда с чем-то вроде этого…

 $(
  $(".button").hide("slide", { direction: "up" }, 1000);
  $(".content").show("slide", { direction: "up" }, 1000);
);
  

Если вы используете какое-то событие click…

 $(
  $(somethingYouWillClick).click(function(){
    $(".button").hide("slide", { direction: "up" }, 1000);
    $(".content").show("slide", { direction: "up" }, 1000);
  });
);
  

документация по эффекту слайда

Я полагаю, что предотвращение полос прокрутки было бы проблемой CSS.