Как настроить полосу прокрутки iframe twitter (встроенный виджет твитов) в соответствии с моим дизайном. Пожалуйста, дайте мне знать, как я сделаю изменение дизайна по умолчанию?Как настроить стиль полосы прокрутки iframe twitter?
Как упоминалось в this question, если вы хотите изменить стиль содержимого iframe, наиболее распространенным способом является использование Javascript для добавления CSS-кода в заголовок заголовка iframe.
Однако при попытке сделать это есть проблема с синхронизацией. Поскольку Javascript запускает ваш код, когда DOM готов, если виджет Twitter занимает слишком много времени для получения твитов, ваш стиль не будет применяться к iframe.
Чтобы исправить это, есть небольшая функция, которая поможет вам запустить ваш JS-код после того, как элемент будет вставлен в DOM. It was all mentioned in this answer.
Итак, вот формула:
$("iframe#twitter-widget-0").contents().find('head').append('<style>' + 'YOUR CSS RULES' + '</style>');
Вы должны установить стили полос прокрутки, используя этот кусок кода, here's an example about styling scrollbars.
Чтобы сделать вещи ясно, я создал скрипку: http://jsfiddle.net/kublaios/c3j109md/
Огромное спасибо вам, г-н Кубилай. Это действительно работает хорошо. еще раз спасибо. –
ли вы имеете в виду встроенный чириканье виджет? – kubilay
Да, который встроен в мой профиль Twitter. –