كود CSS لـ IFrame - تعطيل شريط التمرير

الدعم
13

أجل، لقد تغيرت الأمور بالتأكيد قليلاً منذ ذلك الحين! أدناه أدرجت مثالاً مستهدفًا بناءً على طريقة الزخرفة المفضلة لدينا حاليًا.

سيحتاج الكود التالي إلى إضافته إلى وسم </head> في السمة أو المكون:

<script type="text/discourse-plugin" version="0.8.42">
  api.decorateCookedElement(post =>
    post.querySelectorAll('div[data-theme-iframe="no-scroll"] iframe').forEach(iframe => {
      iframe.setAttribute('scrolling', 'no');
    }),
    { 
      id: 'iframe-decorator',
      onlyStream: true,
    }
  );
</script>

مع وجود الكود أعلاه، يمكنك تغليف عنصر iframe بـ div محدد كما يلي لتعطيل التمرير داخل المنشور:

<div data-theme-iframe="no-scroll">
  <iframe src="https://someallowediframesource.com"></iframe>
</div>

يجب أن يحقق ذلك الغرض، لكن أخبرني إذا واجهت أي مشكلات معه.

4 إعجابات