<html>
  <head>
    <title>Fixed block on scroll</title>
  </head>
  <body>
    <section>
      <div class="row">

        <!-- основной блок шириной 10 колонок -->
        <div class="col-md-10">
          <!-- сюда кладём то, что будет вести себя как обычная страница -->
          <div class="content-block">
            <h1>Как пройти собеседование в ИТ-компанию
            </h1>
            <p>Советы джунам, которые боятся отказа.
            </p>
            <p>Предположим, вы отправили резюме и оно подошло работодателю. Следующий шаг — вас приглашают на собеседование. Поговорим о том, как к нему подготовиться и снизить вероятность отказа. 
            </p>
            <p>👉 О составлении резюме читайте нашу предыдущую статью.
            </p>
            <h3>Пока что не переживайте за результат 
            </h3>
            <p>Приглашение на собеседование — это признак того, что вы соответствуете техническим требованиям вакансии или можете быстро всему научиться. Если кандидатов несколько, то предпочтение получит тот, с кем комфортней работать. Комфорт — это субъективная оценка, которая своя у каждого работодателя. Вы на это не влияете и поэтому не можете быть уверены в результате собеседования. 
            </p>
            <p>У каждого работодателя свои критерии комфортного сотрудника, и если вы этим критериям не соответствуете, то никакие знания не помогут получить работу. Поэтому не нужно пытаться произвести впечатление — постарайтесь убрать волнение и просто ответьте на вопросы собеседника. 
            </p>
            <p>В спокойном состоянии вы сможете лучше думать, а работодателю будет проще понять, насколько с вами комфортно работать. Запомните эту мысль и сопоставляйте её со всеми рекомендациями, о которых мы поговорим дальше. 
            </p>
            <p>❌ Типичная ошибка — ставить всё на кон. «Вот сейчас я либо получу это работу, либо всё пропало». Этот настрой заставляет вас волноваться больше обычного. А это нам не нужно: нам нужно спокойно поговорить с потенциальным нанимателем. 
            </p>
            <p>✅ Пусть вас успокоит такая мысль: если вас пригласили на это собеседование, вас смогут пригласить и на десяток других. Лучше сходить в 10 разных компаний и выбрать ту, в которой у вас с людьми сложатся нормальные отношения, чем вцепиться зубами в первую попавшуюся. 
            </p>
            <h3>Базовые правила приличия
            </h3>
            <p>Вы удивитесь, как часто люди на собеседованиях забывают о правилах приличия: 
            </p>
            <p>Пунктуальность. Не опаздывайте и будьте на месте за 10–15 минут до начала. Если не успеваете — заранее об этом предупредите, извинитесь, перенесите время встречи и повторно не опаздывайте. Даже если это творческая ИТ-компания, вы никогда не знаете, насколько для человека важно, чтобы ваша встреча прошла вовремя. 
            </p>
            <p>При этом ваш потенциальный наниматель тоже может опоздать. Обратите внимание, что он сделает: предупредит вас или нет, предложит ли перенести или будет держать вас в неведении. Собеседование — это не только работодатель выбирает вас, это ещё и вы выбираете работодателя. 
            </p>
            <p>Вежливость. Из-за стресса некоторые люди начинают вести себя более агрессивно, чем в обычной жизни: например, грубить людям на ресепшене или охране; материться; перебивать собеседника. В тот момент это может казаться человеку хорошей идеей (мол, смотрите, какой я крутой, сильный и независимый). 
            </p>
            <p>Тут полезно вспомнить, что у нанимателя есть ещё пять-десять кандидатов на вашу позицию, и связываться с грубияном на общем фоне нет смысла. Даже с очень талантливым и компетентным грубияном. 
            </p>
            <p>Деликатность. Если это не ваше первое место работы, вас наверняка спросят про предыдущего работодателя. Тут может возникнуть мысль, мол, старых нужно раскритиковать, а новых возвысить. Это опасная мысль: наниматели могут увидеть в этом недобросовестность или непорядочность. 
            </p>
            <p>👉 Если вам задают вопросы, которые требуют от вас нелестно отзываться о предыдущем работодателе, вы всегда можете сказать: «Я не хотел бы углубляться в эту тему» или «С моей стороны будет нечестным обсуждать это с кем-либо, кроме моего предыдущего работодателя». 
            </p>
            <p>Есть и обратный перекос: когда кандидат, пытаясь показаться компетентнее, начинает раздавать советы о том, как работать нанимателю. Мол, я такой умный, что сейчас вам всё расскажу. Лучше приберечь это до момента, когда вас об этом прямо спросят. 
            </p>

          </div>
        </div>

        <!-- А здесь — наш плавающий блок -->
        <div class="col-md-2">
          <div class="float-block">
            <!-- здесь тоже можно прописать что угодно -->
          </div>
        </div>

      </div>
    </section>
  </body>
</html>
/* отвечает за оба блока в целом */
section{
  max-width: 600px;
  margin:0 auto;
}

/* настройки основного блока */
.col-md-10{
  min-height: 900px;
} 
.content-block{
  padding: 15px;
}

/* настройки плавающего блока */
/* для наглядности это будет пока красный квадрат */
.float-block{
  background-color: red;
  height: 50px;
  width: 50px;
  position:absolute;
  top: 150px;
}
  
// «Липкий» код
$(function(){
  $.fn.followTo = function (pos) {
    var $this = this,
        $window = $(window);

    $window.scroll(function (e) {
        if ($window.scrollTop() > pos) {
            $this.css({
                position: 'fixed',
                top: 10
            });
        } else {
            $this.css({
                position: 'absolute',
                top: 150
            });
        }
    });
};

$('.float-block').followTo(140);
});

External CSS

  1. https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-beta.2/css/bootstrap.css

External JavaScript

  1. https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js