force-disable headlines smooth scrolling when switching feeds

enable smooth scrolling for article frame

css/default.css

@@ -640,7 +640,6 @@ body.ttrss_main #headlines-frame {
   -webkit-overflow-scrolling: touch;
   -webkit-transform: translateZ(0);
   -webkit-backface-visibility: hidden;
-  scroll-behavior: smooth;
 }
 body.ttrss_main #headlines-frame div.feed-title {
   border: 0px solid #257aa7;
@@ -657,6 +656,9 @@ body.ttrss_main #headlines-frame div.feed-title a {
 body.ttrss_main #headlines-frame div.feed-title a:hover {
   color: #257aa7;
 }
+body.ttrss_main #headlines-frame.smooth-scroll {
+  scroll-behavior: smooth;
+}
 body.ttrss_main #toolbar-frame_splitter {
   display: none;
 }
@@ -743,6 +745,7 @@ body.ttrss_main #content-insert {
   line-height: 1.5;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
+  scroll-behavior: smooth;
 }
 body.ttrss_main img.feed-icon,
 body.ttrss_main img.icon {

css/tt-rss.less

@@ -751,7 +751,6 @@ body.ttrss_main {
 		-webkit-overflow-scrolling : touch;
 		-webkit-transform: translateZ(0);
 		-webkit-backface-visibility: hidden;
-		scroll-behavior: smooth;
 
 		div.feed-title {
 			border: 0px solid @color-link;
@@ -773,6 +772,10 @@ body.ttrss_main {
 		}
 	}
 
+	#headlines-frame.smooth-scroll {
+		scroll-behavior: smooth;
+	}
+
 	#toolbar-frame_splitter {
 		display : none;
 	}
@@ -872,6 +875,7 @@ body.ttrss_main {
 		line-height: 1.5;
 		overflow : auto;
 		-webkit-overflow-scrolling : touch;
+		scroll-behavior: smooth;
 	}
 
 	img.feed-icon, img.icon {

js/Headlines.js

@@ -592,7 +592,9 @@ define(["dojo/_base/declare"], function (declare) {
 					Article.setActive(0);
 
 					try {
+						$("headlines-frame").removeClassName("smooth-scroll");
 						$("headlines-frame").scrollTop = 0;
+						$("headlines-frame").addClassName("smooth-scroll");
 
 						Element.hide("floatingTitle");
 						$("floatingTitle").setAttribute("data-article-id", 0);

themes/night.css

@@ -641,7 +641,6 @@ body.ttrss_main #headlines-frame {
   -webkit-overflow-scrolling: touch;
   -webkit-transform: translateZ(0);
   -webkit-backface-visibility: hidden;
-  scroll-behavior: smooth;
 }
 body.ttrss_main #headlines-frame div.feed-title {
   border: 0px solid #b87d2c;
@@ -658,6 +657,9 @@ body.ttrss_main #headlines-frame div.feed-title a {
 body.ttrss_main #headlines-frame div.feed-title a:hover {
   color: #b87d2c;
 }
+body.ttrss_main #headlines-frame.smooth-scroll {
+  scroll-behavior: smooth;
+}
 body.ttrss_main #toolbar-frame_splitter {
   display: none;
 }
@@ -744,6 +746,7 @@ body.ttrss_main #content-insert {
   line-height: 1.5;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
+  scroll-behavior: smooth;
 }
 body.ttrss_main img.feed-icon,
 body.ttrss_main img.icon {

themes/night_blue.css

@@ -641,7 +641,6 @@ body.ttrss_main #headlines-frame {
   -webkit-overflow-scrolling: touch;
   -webkit-transform: translateZ(0);
   -webkit-backface-visibility: hidden;
-  scroll-behavior: smooth;
 }
 body.ttrss_main #headlines-frame div.feed-title {
   border: 0px solid #257aa7;
@@ -658,6 +657,9 @@ body.ttrss_main #headlines-frame div.feed-title a {
 body.ttrss_main #headlines-frame div.feed-title a:hover {
   color: #257aa7;
 }
+body.ttrss_main #headlines-frame.smooth-scroll {
+  scroll-behavior: smooth;
+}
 body.ttrss_main #toolbar-frame_splitter {
   display: none;
 }
@@ -744,6 +746,7 @@ body.ttrss_main #content-insert {
   line-height: 1.5;
   overflow: auto;
   -webkit-overflow-scrolling: touch;
+  scroll-behavior: smooth;
 }
 body.ttrss_main img.feed-icon,
 body.ttrss_main img.icon {