struktur html:
<body>
<p id="header"></p>
<p id="article"></p>
<p id="footer"></p>
</body>Apa yang saya ingin capai ialah: tetapkan ketinggian min secara dinamik untuk artikel: 可见区域高度-header高度-footer高度 untuk mengelakkan pengaki muncul di tengah-tengah halaman.
Saya menggunakan angularjs dan tidak bercadang untuk memperkenalkan jquery, jadi secara semula jadi saya tidak boleh menggunakan $(document).ready().
Masalah yang saya hadapi ialah:
Tidak dapat dilaksanakan: Tunggu sehingga halaman dimuatkan dan cetuskan fungsi untuk menetapkan ketinggian secara dinamik. Dalam kes berikut, fungsi tidak dilaksanakan (perkara yang sama berlaku apabila tetingkap digantikan dengan dokumen):
angular.element($window).ready(function() {});
angular.element($window).on('load', function() {});
angular.element($window).bind('load', function() {});
angular.element($window).onload(function() {});
$window.onload = function() {};
$scope.$on('$viewcontentloaded', function() {});
Saya tidak tahu sama ada lebih baik untuk meletakkan kod ini dalam arahan atau dalam Pengawal, atau di tempat lain.
Gunakan css untuk menetapkan ketinggian minimum secara langsung Jika ia dikodkan dengan keras (contohnya: ketinggian min: 400px), bar skrol akan muncul apabila skrin kecil.
Atau jangan gunakan kaedah ini. Sila berikan saya nasihat anda.
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Tulis satu
directive. Pemprosesan lebih mudah, walaupun sebenarnyaflexsusun atur css juga boleh menyelesaikan masalah ini. Tetapi mengikut soalan anda, mari kita jawab dahulu cara anda menulisnya melaluiangular, dan pergi terus ke plunk.plunkAnda tidak perlu diajar cara menontonnya (memerlukan akses Internet saintifik)