Итак, я использовал статические страницы, пока не решил перейти на Rails для использования в моем веб-приложении.Rails 4 и Foundation 5 - Sticky Footer?
я был в состоянии эффективно создать липкую колонтитул со следующим codePen:
http://codepen.io/aetles/pen/jAdzw
$(function(){ $(document).foundation(); });
window.onload = function() {
stickyFooter();
};
function checkForDOMChange() {
stickyFooter();
}
//check for resize event if not IE 9 or greater
window.onresize = function() {
stickyFooter();
}
//lets get the marginTop for the <footer>
function getCSS(element, property) {
var elem = document.getElementsByTagName(element)[0];
var css = null;
if (elem.currentStyle) {
css = elem.currentStyle[property];
} else if (window.getComputedStyle) {
css = document.defaultView.getComputedStyle(elem, null).
getPropertyValue(property);
}
return css;
}
function stickyFooter() {
console.log("sticky footer is firing");
if (document.getElementsByTagName("footer")[0].getAttribute("style") != null) {
document.getElementsByTagName("footer")[0].removeAttribute("style");
}
if (window.innerHeight != document.body.offsetHeight) {
var offset = window.innerHeight - document.body.offsetHeight;
var current = getCSS("footer", "margin-top");
if (isNaN(current) == true) {
document.getElementsByTagName("footer")[0].setAttribute("style","margin-top:0px;");
current = 0;
} else {
current = parseInt(current);
}
if (current+offset > parseInt(getCSS("footer", "margin-top"))) {
document.getElementsByTagName("footer")[0].setAttribute("style","margin-top:"+(current+offset)+"px;");
}
}
}
Однако, когда я развернуть его в режиме реального времени приложения с использованием Rails, событие само по себе, получая (я тестировал с помощью сообщений console.log), но фактически не редактирует положение нижнего колонтитула.
(вид консоли на следующей странице) https://still-plains-7660.herokuapp.com/
Так как я использую частично для самого нижнего колонтитула, может быть, что Rails не знает, что на самом деле двигаться? Исходный код на отображаемой странице выглядит так, как должен.
Есть ли более элегантный камень или раствор, который я могу использовать, чтобы иметь липкий нижний колонтитул, который делает не имеют фиксированную высоту? (Мне это нужно реагировать).
Учитывая, что он работает нормально на статической странице, я уверен, что есть что-то, что я могу просто настроить, но я не могу понять, почему он не будет входить в развертывание Rails.