cari

Rumah  >  Soal Jawab  >  teks badan

angular.js - Bagaimana untuk menetapkan ketinggian minimum secara dinamik dalam sudut

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:

  1. 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() {});

  2. Saya tidak tahu sama ada lebih baik untuk meletakkan kod ini dalam arahan atau dalam Pengawal, atau di tempat lain.

  3. 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.

phpcn_u1582phpcn_u15822755 hari yang lalu775

membalas semua(1)saya akan balas

  • 给我你的怀抱

    给我你的怀抱2017-05-15 17:00:17

    Tulis satudirective. Pemprosesan lebih mudah, walaupun sebenarnya flex susun atur css juga boleh menyelesaikan masalah ini. Tetapi mengikut soalan anda, mari kita jawab dahulu cara anda menulisnya melalui angular, dan pergi terus ke plunk.

    plunkAnda tidak perlu diajar cara menontonnya (memerlukan akses Internet saintifik)

    balas
    0
  • Batalbalas