Как получить доступ к фиксированному элементу?

Я сталкиваюсь с глупым pb, но я не нахожу никаких тем об этом. Я пытаюсь добавить кнопку, которая является фиксированным частичным представлением. Но когда я передаю позицию css: fixed, элемент выполняет рендеринг в фоновом режиме, и я не могу получить к нему доступ. Так есть ли другой способ сделать это?Как получить доступ к фиксированному элементу?

Мой код:

(Layout/приложение)

<%= render "partials/add" %> 
<%= yield %>

(обертоны/добавить)

<%= link_to root_path do %> 
    <div class="add_task_layout"> 
    + 
    </div> 
<%end%>

(CSS)

.add_task_layout{ 
    position: fixed; 
    border: none; 
    height:60px; 
    width: 60px; 
    bottom:5%; 
    right:5%; 
    text-align: center; 
    vertical-align: middle; 
    border-radius:50%; 
    color: white; 
    font-size: 40px; 
    font-family: monospace; 
    background: #5CC551; 
    pointer-events: none; 
    font-weight:bold; 
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
    &:hover { 
    opacity: 0.1; 
    } 
}

Эта кнопка должна появиться все мои страницы на Первой закладке г отображается

Спасибо заранее

источник

2017-01-30 Jacques Mesnet

Добро пожаловать в StackOverflow, ваш вопрос должен содержать минимальное, полный и проверяемый пример, [вот как] (HTTP: // stackoverflow.com/help/mcve). Вместо того, чтобы включать ваши частичные части, вы могли бы включить рендерную разметку? Вероятно, проблема связана с проблемой стекирования. Попробуйте использовать 'z-index', чтобы поднять его над другими элементами. – hungerstar

Привет @hungerstar, спасибо за ваш ответ. Я уже пытаюсь ваше решение, и оно работает для отображения, но я до сих пор не могу получить доступ к элементу. Это просто изменение порядка отображения –

Ну, я не знаю, как/где вы применили что-либо, поэтому я понятия не имею, почему вы не можете получить доступ к элементу. – hungerstar

.add_task_layout{ 
z-index: 99; 
... 
}

попытка с г-индекс недвижимости

источник

2017-01-30 17:58:05 Falkwn

Привет @Falkwn, спасибо за ваш ответ. Я уже пытаюсь ваше решение, и оно работает для отображения, но я до сих пор не могу получить доступ к элементу. Это просто изменение порядка отображения –

Я не уверен, что я полностью понимаю вашу проблему. Вы можете попробовать переключить класс с z-index на link_to: <% = link_to root_path, class: 'yourclass' do%> – Falkwn

О, хорошо, я не понял, что мне нужно передать параметры в link_to. поэтому я передаю положение params: fixed и z-index в link_to, и я удаляю его из div. Спасибо @Falkwn, это намного лучше, так, хороший день. –

Как получить доступ к фиксированному элементу?

ответ

Смежные вопросы