Уменьшить панель инструментов при прокрутке содержимого iframe

Мое приложение в основном представляет собой md-toolbar с угловым материалом и md-content.

Я хочу, чтобы панель инструментов md исчезала, когда пользователь прокручивает md-контент.

Это было бы достаточно просто, следуя документации атрибута md-scroll-shrink.

Однако моя директива md-content — это просто оболочка для iframe. Таким образом, когда пользователь прокручивает приложение, он действительно прокручивает iframe в директиве md-content. Это означает, что директива md-toolbar не улавливает прокручиваемый md-контент и остается полной высоты (а не сжимается, как я хочу).

Я взял оригинал

<div ng-controller="AppCtrl" layout="column" style="height:600px" ng-cloak="" 
class="toolbardemoScrollShrink" ng-app="MyApp">

<md-toolbar 
md-scroll-shrink="" ng-if="true" ng-controller="TitleController">`

Демо Angular Material Scroll Shrink и разветвили его здесь с iframe в md-контенте.

 <md-content flex="">
 <!-- Scroll Wrapper for mobile iOS touch-scrolling -->
 <div class="scroll-wrapper"  style="width:100%;height:400px;">
    <iframe id="some_frame_id"
    src="https://en.wikipedia.org/wiki/Main_Page"
    style="width:100%;height:400px;"
    frameborder="0" border="0" marginwidth="0" marginheight="0" scrolling="auto"
    >
    </iframe>
</div>
</md-content>

Может ли javascript на главной странице обнаруживать прокрутку своего iframe? Если это так, я могу, возможно, написать собственную логику для прокрутки содержащейся страницы или уменьшить панель инструментов с помощью css.


javascript material-design scroll iframe angularjs-material
person AlecPerkey    schedule 10.11.2015    source источник
comment
Возможный дубликат Заставить iframe автоматически регулировать высоту в соответствии с содержимое без использования полосы прокрутки?   -  person Ason    schedule 10.11.2015
comment
Если вы используете концепцию дублирования сообщений, ваш md-контент будет прокручивать iframe и запускать вашу md-панель инструментов.   -  person Ason    schedule 10.11.2015
comment
Чтобы связать прокрутку iframe, проверьте этот пост: stackoverflow.com /вопросы/27542785/   -  person Ason    schedule 10.11.2015
comment
Сначала я избегал делать высоту iframe равной высоте документа src, потому что это изменяется в зависимости от взаимодействия пользователя во фрейме. Однако в сочетании с github.com/davidjbradshaw/iframe-resizer это кажется многообещающим подходом. . Также может работать привязка, как в вашем третьем комментарии. Я попробую это - и обновлю позже с учетом моего опыта. Благодарю вас!   -  person AlecPerkey    schedule 10.11.2015
comment
Не за что ... и если все получится хорошо, добавьте свой результат в качестве ответа вместе со ссылками на мои комментарии.   -  person Ason    schedule 10.11.2015