Как сверстать вот такую страницу?

Question

[Igor Feren]

Пример страницы event.ru/reports/11-vovlekayushhih-razvlecheniy-s-...
При прокрутке вертится левый блок, после определенного момента подтягивается сайдбар. Как сверстать?

Comments

[dev400]

так же как на хабре

Answer 1

[Константин Величко]

https://github.com/ymschaap/jquery-lockfixed

Answer 2

[Дмитрий]

У них не левый блок крутится, а правый зафиксирован ;)

<!--  AdRiver code START. Type:300x600 Site: Event.ru PZ: 2 BN: 1 -->
				<script type="text/javascript">
				var RndNum4NoCash = Math.round(Math.random() * 1000000000);
				var ar_Tail='unknown'; if (document.referrer) ar_Tail = escape(document.referrer);
				document.write(
				'<iframe src="' + ('https:' == document.location.protocol ? 'https:' : 'http:') + '//ad.adriver.ru/cgi-bin/erle.cgi?'
				+ 'sid=189350&bn=1&target=blank&bt=63&pz=2&rnd=' + RndNum4NoCash + '&tail256=' + ar_Tail
				+ '" frameborder=0 vspace=0 hspace=0 width=300 height=600 marginwidth=0'
				+ ' marginheight=0 scrolling=no></iframe>');
				</script><iframe src="http://ad.adriver.ru/cgi-bin/erle.cgi?sid=189350&amp;bn=1&amp;target=blank&amp;bt=63&amp;pz=2&amp;rnd=658372364&amp;tail256=unknown" frameborder="0" vspace="0" hspace="0" width="300" height="600" marginwidth="0" marginheight="0" scrolling="no" style="display: none !important;"></iframe>
				<noscript>
				&lt;a href="//ad.adriver.ru/cgi-bin/click.cgi?sid=189350&amp;bn=1&amp;bt=63&amp;pz=2&amp;rnd=1891166895" target=_blank&gt;
				&lt;img src="//ad.adriver.ru/cgi-bin/rle.cgi?sid=189350&amp;bn=1&amp;bt=63&amp;pz=2&amp;rnd=1891166895" alt="-AdRiver-" border=0 width=300 height=600&gt;&lt;/a&gt;
				</noscript>

<!--  AdRiver code END  -->

Answer 3

[Павел Волынцев]

Не заметил там никакой активности в сайдбаре.

Ответ на вопрос:
Их сайт уже свёрстан и работает. В любом подобном случае, когда понравилась уже готовая вёрстка, надо просто "взять" (подсмотреть, стибрить, слямзить, свистнуть, спереть, украсть) у них кусок HTML и CSS, а если получится - JS. Это самое простое.