1

embedlyカードを使用してコンテンツを表示します。ファイルを呼び出した後javascript、リンクをembedlyカードに変更します。

https://intelligent-madame-5204.herokuapp.com/にデプロイしましたheroku

しかし、組み込みカードになってから、マウスで下にスクロールできなくなりました。

このJavaScriptをapplication.jsに入れました

(function(w, d){
   var id='embedly-platform', n = 'script';
   if (!d.getElementById(id)){
     w.embedly = w.embedly || function() {(w.embedly.q = w.embedly.q || []).push(arguments);};
     var e = d.createElement(n); e.id = id; e.async=1;
     e.src = ('https:' === document.location.protocol ? 'https' : 'http') + '://cdn.embedly.com/widgets/platform.js';
     var s = d.getElementsByTagName(n)[0];
     s.parentNode.insertBefore(e, s);
   }
  })(window, document);

そして、このようにリンクをindex.html.erbに入れました

<%= link_to "Learn More",posts.content, class: "embedly-card" %>
4

1 に答える 1

2

スクロールバーは CSS を使用してオンとオフを切り替えることができ、それが問題のようです。

生成された CSS を見るとoverflow: hidden;、body セレクターに設定されているようです。これをこれに変更する方法を理解できればoverflow: auto;、問題は解決します。残念ながら、私は埋め込みを使用したことがないため、 がどこbody {}から生成されるかを示すことはできません。

于 2015-08-26T12:09:56.053 に答える