У меня есть приложение Rails 7, и это мой файл package.json:
{
"name": "app",
"private": true,
"dependencies": {
"@fortawesome/fontawesome-free": "^6.5.2",
"@hotwired/stimulus": "^3.2.2",
"@hotwired/turbo-rails": "^8.0.4",
"@popperjs/core": "^2.11.8",
"@rails/ujs": "^7.1.3-4",
"autoprefixer": "^10.4.19",
"bootstrap": "^5.3.3",
"bootstrap-icons": "^1.11.3",
"esbuild": "^0.21.5",
"jquery": "^3.7.1",
"nodemon": "^3.1.3",
"postcss": "^8.4.38",
"postcss-cli": "^11.0.0",
"sass": "^1.77.5"
},
"scripts": {
"build": "esbuild app/javascript/*.* --bundle --sourcemap --format=esm --outdir=app/assets/builds --public-path=/assets",
"build:css:compile": "sass ./app/assets/stylesheets/application.bootstrap.scss:./app/assets/builds/application.css --no-source-map --load-path=node_modules",
"build:css:prefix": "postcss ./app/assets/builds/application.css --use=autoprefixer --output=./app/assets/builds/application.css",
"build:css": "yarn build:css:compile && yarn build:css:prefix",
"watch:css": "nodemon --watch ./app/assets/stylesheets/ --ext scss --exec \"yarn build:css\""
},
"browserslist": [
"defaults"
]
}
application.html.erb
<%= stylesheet_link_tag "application", "data-turbo-track": "reload" %>
<%= javascript_include_tag "application", "data-turbo-track": "reload", type: "module" %>
когда я нажимаю:
<%= button_to new_user_registration_path, method: :get, class: 'btn btn-primary' do %>
<i class = "fa-solid fa-user-plus"></i> Register today!
<% end %>
Все работает нормально, когда я нажимаю кнопку, упомянутую выше. Однако когда я возвращаюсь на предыдущую страницу с помощью кнопки «Назад» в браузере, страница прокручивается сверху до той позиции, в которой я находился ранее на этой странице.
Я хотел бы иметь нормальное поведение без прокрутки. В частности, я хочу нажать кнопку «Назад» в браузере и вернуться в то положение, в котором я находился на этой странице, без прокрутки.
Является ли такое поведение прокрутки нормальным для Turbo? Если да, то как я могу его отключить? Я считаю это весьма неудобным.
Это проблема с турбонаддувом. Bootstrap 5 устанавливает плавную прокрутку. Поэтому я добавил это в самый верх моего файла application.css $enable-smooth-scroll: false;
на турбо-кадрах есть прокрутка, но вам нужно указать, что вы хотите прокручивать, и хотите, чтобы она была плавной. Назад браузера просто переводит меня прямо к предыдущей позиции прокрутки, без анимации. почему
button_to
, а не простоlink_to
.